Flutter-TabBar的使用说明,android开发技术栈

TabBar在使用的过程中有点类似于新闻或者电商样式中有关导航条下面有一个可以滚动的一行按钮;现在给出演示代码:Widget _appBar_bottom_demo() {return MaterialApp(home: DefaultTabController(length: 14,child: Scaffold(appBar: AppBar(primary: true,//为false的时候会影响leading,actions、titile组件,导致向上偏移textTheme: Text
摘要由CSDN通过智能技术生成

TabBar在使用的过程中有点类似于新闻或者电商样式中有关导航条下面有一个可以滚动的一行按钮;现在给出演示代码:

Widget _appBar_bottom_demo() {

return MaterialApp(

home: DefaultTabController(

length: 14,

child: Scaffold(

appBar: AppBar(

primary: true,//为false的时候会影响leading,actions、titile组件,导致向上偏移

textTheme: TextTheme(//设置AppBar上面各种字体主题色

// title: TextStyle(color: Colors.red),

),

actionsIconTheme: IconThemeData(color: Colors.blue,opacity: 0.6),//设置导航右边图标的主题色,此时iconTheme对于右边图标颜色会失效

iconTheme: IconThemeData(color: Colors.black,opacity: 0.6),//设置AppBar上面Icon的主题颜色

brightness: Brightness.dark,//设置导航条上面的状态栏显示字体颜色

backgroundColor: Colors.amber,//设置背景颜色

// shape: CircleBorder(side: BorderSide(color: Colors.red, width: 5, style: BorderStyle.solid)),//设置appbar形状

// automaticallyImplyLeading: true,//在leading为null的时候失效

// bottom: PreferredSize(child: Text(‘data’), preferredSi

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值