微信交流群

老孟公众号

# Tab

Material 风格 tab,用于TabBar的tab。Tab可以单独作为一个控件使用,但通常情况下作为TabBar的tabs,用法如下:

TabBar(
  controller: _tabController,
  labelColor: Colors.blue,
  tabs: <Widget>[
    Tab(
      text: '老孟',
    ),
    Tab(
      text: 'Flutter',
    ),
  ],
)
1
2
3
4
5
6
7
8
9
10
11
12

效果如下:

设置图标:

Tab(
  text: '老孟',
  icon: Icon(Icons.add),
),
1
2
3
4

图标和text是上下布局,icon位于上部,效果如下:

设置child属性,childtext不能同时设置,child通常设置为Text控件,用法如下:

Tab(
  child: Text('老孟',style: TextStyle(color: Colors.red),),
  icon: Icon(Icons.add),
)
1
2
3
4

效果如下: