本文详细介绍了如何在Material组件库中使用TabBar和TabBarView创建动态导航菜单，以及Scaffold如何配合实现左右抽屉菜单，并强调了TabController在同步切换中的关键作用。
//抽屉菜单
leading: Builder(builder: (context){
return IconButton(
icon: Icon(Icons.dashboard,color:Colors.white),
onPressed: (){},
);
},),
//标题
title: Text(‘导航栏’),
//导航栏右侧菜单
actions: [
IconButton(
icon: Icon(Icons.share),
onPressed: (){},
)
],
),
),
);
}
}
在 Material 组件库中，提供了 TabBar 组件用于快速生成 Tab 菜单。在导航栏的底部通常是一组 Tab 菜单，可以通过上面 AppBar 的 bottom 属性来指定这组菜单。示例：
class _HomeContentState extends State with SingleTickerProviderStateMixin{
TabController _tabController;
List tabs = [“新闻”,“历史”,“图片”];
void initState(){
super.initState();
_tabController = TabController(length: tabs.length, vsync: this);
}
@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: (){},
)
最低0.47元/天 解锁文章
422
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
