第四十九回:DefaultTabBarController Widget


我们在上一章回中介绍了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的内容就介绍到这里,欢迎大家在评论区交流与讨论!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

talk_8

真诚赞赏,手有余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值