如何实现底部导航栏
文章目录
- 1 概念介绍
- 2 使用方法
- 3 示例代码
我们在上一章回中介绍了TextField Widget,本章回中将介绍BottomNavigationBar Widget。闲话休提，让我们一起Talk Flutter吧。
1 概念介绍
我们在本章回中将介绍一个新的Widget:BottomNavigationBar，它就是我们经常在App中看到了底部导航，不过它不能独立使用，因为它是Scaffold Widget的
成员,需要配合bottomNavigationBar属性才能使用。本章回将介绍它的使用方法。
2 使用方法
和其它Widget一样，BottomNavigationBar提供了相关的属性来控制自己，常用的属性如下：
- items属性用来控制底部显示的标签,它是一个数组，数据中成员的数量就是底部标签的数量，数组类型为BottomNavigationBarItem;
- iconSize属性用来控制底部标签的大小；
- backgroundColor属性用来控制整个底部的背景色，默认为白色；
- fixedColor属性用来控制标签被选中时的颜色，默认是蓝色；
- currentIndex属性用来控制当前被选中的标签索引，默认值为0，表示第一个标签被选中；
- onTap属性表示选中标签时触发的事件，它的值是一个函数，从函数的参数中可以得到当前被选中的标签值；
- type属性用来控制标签的类型，当标签数量超过3个以后需要给它赋值，不然无法显示全部标签；
3 示例代码
return Scaffold(
appBar: AppBar(
title