第五十一回：TabBar Widget

我们在上一章回中介绍了TabBarView Widget相关的内容,本章回中将介绍 TabBar Widget.闲话休提，让我们一起Talk Flutter吧。

概念介绍

我们这里介绍的TabBar Widget就是屏幕顶部的标题栏，它位于界面的最上方，经常用来显示页面的标题和一些图标。

如果看官们有Android开发经验，那么可以把它当作Android中的ActionBar。其实在我们的项目中经常使用AppBar，只是没有专门介绍它，本章回中将详细介绍它的使用方法。

使用方法

和其它的Widget一样，TabBar Widget提供了相关的属性来控制自己，下面是常用的属性：

• title属性：主要用来控制标题中显示的内容；
• centerTitle属性：用来控制标题是否居中，默认为居中；
• leading属性：用来显示标题栏左侧的图标；
• actions属性：用来显示标题栏右侧的图标，它类似children属性，可以显示多个图标；
• bottom属性：用来显示标签(Tab),前面章回中介绍过；
• iconTheme属性：用来控制标题栏(AppBar)中所有图标的样式，比如颜色和大小等;
• actionsIconTheme：用来控制actions属性中的图标的样式，其作用和iconTheme属性相同；

上面介绍的这些属性都是可选的，我们可以依据项目实际情况来设置，不过我建议至少设置title属性，用它来指示界面的标题。

给标题栏中的actions属性赋值时建议使用IconButton组件，这样既可以看到图标又可以响应点击事件。下面是示例代码，请大家参考。

示例代码

appBar