title: 'Tab' description: 'Material 风格 tab，用于TabBar的tab' type: widgets

Tab

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

TabBar(
  controller: _tabController,
  labelColor: Colors.blue,
  tabs: <Widget>[
    Tab(
      text: '老孟',
    ),
    Tab(
      text: 'Flutter',
    ),
  ],
)

效果如下：

设置图标：

Tab(
  text: '老孟',
  icon: Icon(Icons.add),
),

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

设置child属性，child和text不能同时设置，child通常设置为Text控件，用法如下：

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

效果如下：