北京环球影城每日客流怎么看_网站架设教程_免费二级域名查询网站_济南seo

我们在上一章回中介绍了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