Flutter中关于TabBar的设置
标签字体颜色设置需通过labelColor来设置,如果只通过设置labelStyle中的color是不生效的。
同样未选中标签字体颜色设置需要通过unselectedLabelColor来设置,如果只通过设置unselectedLabelStyle中的color是不生效的。
bottom: TabBar(
tabs: tabs.map((e) => Tab(text: e)).toList(),
labelColor: Color(0xFF333333),
labelStyle: TextStyle(
fontSize: 16,
//color: Color(0xFF333333)//如果不设置labelColor 此color不生效,所以可以去掉此行代码,因为颜色已经设置过了
),
unselectedLabelColor: Color(0xFF999999),
unselectedLabelStyle: TextStyle(
fontSize: 16,
//color: Color(0xFF999999)//如果不设置unselectedLabelColor 此color不生效,所以可以去掉此行代码,因为颜色已经设置过了
),
indicatorColor: Color(0xFF333333),
indicatorPadding: EdgeInsets.only(top: 9),
indicatorSize: TabBarIndicatorSize.label,//和label大小一致,即指示器的宽度与标签的宽度一致
),