我們在上一章回中介紹了TabBar Widget相關(guān)的內(nèi)容,本章回中將介紹
DefaultTabBarController
Widget.閑話休提,讓我們一起Talk Flutter吧。
概念介紹
我們在這里說的DefaultTabBarController
Widget沒有具體的物理形態(tài),它主要充當(dāng)TabBar的載體,進(jìn)而把TabBar從界面上顯示出來。本章回中將詳細(xì)介紹它的使用方法。
此外,DefaultTabBarController
是最基礎(chǔ)的一種TabBarController
,我們將在后面章回中介紹其它的TabBarController。
使用方法
和其它的Widget一樣,DefaultTabBarController
組件提供了相關(guān)的屬性來控制自己,下面是常用的屬性:
- length屬性:主要用來控制TabBar的數(shù)量;
- child屬性:主要用來存當(dāng)TabBar的容器,通常使用Scaffold組件給他賦值;
- initialIndex屬性:主要用來控制初始化時被顯示的TabBar索引;
上面介紹的這些屬性中,前兩個屬性是必須屬性,第三個屬性是可選屬性,如果不給該屬性賦值,那么默認(rèn)值為0.該屬性的屬性值從0開始,最大值為length屬性值-1,屬性值為n時表示第n+1個標(biāo)簽被顯示,比如默認(rèn)值為0時表示第一個標(biāo)簽被顯示。
示例代碼
//這是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: ,//省略不寫
),
),
上面的代碼中,創(chuàng)建了一個包含有三個標(biāo)簽(TabBar)的組件,初始化時顯示第二個TabBar.TabBar
嵌套在Scaffold
組件的appBar屬性中,詳細(xì)內(nèi)容可以參考上一章
回中的內(nèi)容。這里只列出了核心代碼,完整的代碼可以查看Github上Ex023文件中的內(nèi)容。文章來源:http://www.zghlxwxcb.cn/news/detail-474952.html
看官們,關(guān)于DefaultTabBarController
Widget的內(nèi)容就介紹到這里,歡迎大家在評論區(qū)交流與討論!文章來源地址http://www.zghlxwxcb.cn/news/detail-474952.html
到了這里,關(guān)于第四十九回:DefaultTabBarController Widget的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!