Flutter 基础篇(二十一)—— Scaffold

本文介绍了如何在Android应用中使用Scaffold构建带有TabBar和TabBarView的导航栏,展示了TabController在管理Tab页面切换中的关键作用。通过实例代码解释了两者之间的同步机制,对于理解和实践AndroidUI设计很有帮助。
摘要由CSDN通过智能技术生成

@override

Widget build(BuildContext context) {

return Scaffold(

appBar: AppBar(

//抽屉菜单

leading: Builder(builder: (context){

return IconButton(

icon: Icon(Icons.dashboard,color:Colors.white),

onPressed: (){},

);

},),

//标题

title: Text(‘导航栏’),

//导航栏右侧菜单

actions: [

IconButton(

icon: Icon(Icons.share),

onPressed: (){},

)

],

//导航栏底部Tab

bottom: TabBar(

controller: _tabController,

tabs: tabs.map((item) => Tab(text: item)).toList()

),

),

);

}

}

在上面的代码中,TabBar 用于生成一个 Tab 菜单, TabController 用于控制/监听 Tab 菜单的切换,Tab 组件代表一个菜单,定义如下:

Tab({

Key key,

this.text, // 菜单文本

this.icon, // 菜单图标

this.child, // 自

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值