栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何在不更改AppBar的情况下更改TabBar的背景颜色?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何在不更改AppBar的情况下更改TabBar的背景颜色?

您可以通过如下更改主题primaryColor来更改TabBar的颜色:

return MaterialApp(      theme: ThemeData(        brightness: Brightness.light,        primaryColor: Colors.pink[800], //Changing this will change the color of the TabBar        accentColor: Colors.cyan[600],      ),      home: DefaultTabController(        length: 3,        child: Scaffold(          appBar: AppBar( bottom: TabBar(   indicatorColor: Colors.lime,   tabs: [     Tab(icon: Icon(Icons.directions_car)),     Tab(icon: Icon(Icons.directions_transit)),     Tab(icon: Icon(Icons.directions_bike)),   ], ), title: Text('Tabs Demo'),          ),          body: TabBarView( children: [   Icon(Icons.directions_car),   Icon(Icons.directions_transit),   Icon(Icons.directions_bike), ],          ),        ),      ),    );

如果您不在AppBar中使用它,则可以将TabBar包裹在Material小部件中并设置color属性,如下所示:

class TabBarDemo extends StatelessWidget {  @override  Widget build(BuildContext context) {    return MaterialApp(      home: Scaffold(        appBar: AppBar(          title: Text('Tabs Demo'),        ),        body: DefaultTabController(          length: 3,          child: Column( children: <Widget>[   Container(     constraints: BoxConstraints(maxHeight: 150.0),     child: Material(       color: Colors.indigo,       child: TabBar(         tabs: [Tab(icon: Icon(Icons.directions_car)),Tab(icon: Icon(Icons.directions_transit)),Tab(icon: Icon(Icons.directions_bike)),         ],       ),     ),   ),   Expanded(     child: TabBarView(       children: [         Icon(Icons.directions_car),         Icon(Icons.directions_transit),         Icon(Icons.directions_bike),       ],     ),   ), ],          ),        ),      ),    );  }}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/427732.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号