文章目录
- 概念介绍
- 使用方法
- 示例代码
我们在上一章回中介绍了TabBar Widget相关的内容,本章回中将介绍
DefaultTabBarController
Widget.闲话休提,让我们一起Talk Flutter吧。
概念介绍
我们在这里说的DefaultTabBarController
Widget没有具体的物理形态,它主要充当TabBar的载体,进而把TabBar从界面上显示出来。本章回中将详细介绍它的使用方法。
此外,DefaultTabBarController
是最基础的一种TabBarController
,我们将在后面章回中介绍其它的TabBarController。
使用方法
和其它的Widget一样,DefaultTabBarController
组件提供了相关的属性来控制自己,下面是常用的属性:
- length属性:主要用来控制TabBar的数量;
- child属性:主要用来存当TabBar的容器,通常使用Scaffold组件给他赋值;
- initialIndex属性:主要用来控制初始化时被显示的TabBar索引;
上面介绍的这些属性中,前两个属性是必须属性,第三个属性是可选属性,如果不给该属性赋值,那么默认值为0.该属性的属性值从0开始,最大值为length属性值-1,属性值为n时表示第n+1个标签被显示,比如默认值为0时表示第一个标签被显示。
示例代码
//这是MaterialApp的home属性
home:DefaultTabController(length: 3,initialIndex: 1,child:
Scaffold(appBar: AppBar(title: Text("Example of Material App"),bottom: TabBar(tabs:const [Icon(Icons.web),Icon(Icons.favorite),Icon(Icons.self_improvement),],),),body: ,//省略不写),
),
上面的代码中,创建了一个包含有三个标签(TabBar)的组件,初始化时显示第二个TabBar.TabBar
嵌套在Scaffold
组件的appBar属性中,详细内容可以参考上一章
回中的内容。这里只列出了核心代码,完整的代码可以查看Github上Ex023文件中的内容。
看官们,关于DefaultTabBarController
Widget的内容就介绍到这里,欢迎大家在评论区交流与讨论!