BottomNavigationBar的作用就只在App的底部展示一个导航栏,先来看看具体运行效果(图1):
下面看具体实现,BottomNavigationBar是作为Scaffold的bottomNavigationBar属性来使用的,BottomNavigationBar对象有几个重要的属性:
属性名 | 类型 | 作用 |
---|---|---|
item | List | 底部导航栏控件集合,每一个导航按钮就是一个BottomNavigationBarItem对象 |
currentIndex | int | 当前选中Tab的索引,结合onTab属性使用 |
onTab | ValueChanged | 点击tab回调方法,结合crrentIndex使用用来切换tab对应的页面 |
上图的实现代码就如下所示:
return new Scaffold(
bottomNavigationBar: BottomNavigationBar(