Flutter实战之底部导航栏 BottomNavigation

BottomNavigationBar的作用就只在App的底部展示一个导航栏,先来看看具体运行效果(图1):
在这里插入图片描述
下面看具体实现,BottomNavigationBar是作为Scaffold的bottomNavigationBar属性来使用的,BottomNavigationBar对象有几个重要的属性:

属性名 类型 作用
item List 底部导航栏控件集合,每一个导航按钮就是一个BottomNavigationBarItem对象
currentIndex int 当前选中Tab的索引,结合onTab属性使用
onTab ValueChanged 点击tab回调方法,结合crrentIndex使用用来切换tab对应的页面

上图的实现代码就如下所示:

  return new Scaffold(
      bottomNavigationBar: BottomNavigationBar(

猜你喜欢

转载自blog.csdn.net/chunqiuwei/article/details/103494416