flutter中的tarbar字体颜色
时间: 2024-05-01 20:19:15 浏览: 74
Flutter 透明状态栏及字体颜色的设置方法
在Flutter中,可以通过修改`TabBar`和`TabBarView`中的`TextStyle`来更改TabBar中的文本颜色。以下是一个示例:
```dart
TabBar(
labelColor: Colors.red, // 选中时文本颜色
unselectedLabelColor: Colors.grey, // 未选中时文本颜色
tabs: [
Tab(
text: 'Tab 1',
style: TextStyle(fontSize: 16.0), // 修改字体大小
),
Tab(
text: 'Tab 2',
style: TextStyle(fontSize: 16.0), // 修改字体大小
),
],
),
```
如果要修改所有TabBar的文本样式,可以使用`DefaultTabController`:
```dart
DefaultTabController(
length: 2,
child: Scaffold(
appBar: AppBar(
bottom: TabBar(
labelStyle: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold), // 修改字体样式
labelColor: Colors.red, // 选中时文本颜色
unselectedLabelColor: Colors.grey, // 未选中时文本颜色
tabs: [
Tab(text: 'Tab 1'),
Tab(text: 'Tab 2'),
],
),
title: Text('TabBar Demo'),
),
body: TabBarView(
children: [
Container(
child: Center(
child: Text('Tab 1'),
),
),
Container(
child: Center(
child: Text('Tab 2'),
),
),
],
),
),
),
```
阅读全文