BottomNavigationBar组件的用法


我们在上一章回中介绍了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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

talk_8

真诚赞赏,手有余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值