我们在上一章回中介绍了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文件中的内容。文章来源:https://www.toymoban.com/news/detail-474952.html
看官们,关于DefaultTabBarController
Widget的内容就介绍到这里,欢迎大家在评论区交流与讨论!文章来源地址https://www.toymoban.com/news/detail-474952.html
到了这里,关于第四十九回:DefaultTabBarController Widget的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!