如何使用底部导航按钮功能


我们在上一章回中介绍了BottomNavigationBar Widget,本章回中将介绍如何使用BottomNavigationBar切换页面。闲话休提,让我们一起Talk Flutter吧。

在这里插入图片描述

1 概念介绍

我们在上一章回中介绍了BottomNavigationBar相关的内容,本章回中将在此基础上介绍如何使用BottomNavigationBar页面,这个是我们经常在App中使用的功
能,比如每天使用的微信就可以通过底部导航切换到不同的页面中,接下来我们将介绍详细的使用方法。

2 使用方法

在BottomNavigationBar中切换页面的思路是点击不同的标签时获取到标签的索引值,然后依据该索引值修改body中对应的内容。注意这个body是Scaffold中的属
性。这个过程可以这样理解:在Scallfol的bottomNavigationBar属性对应的BottomNavigationBar中获取索引值,然后依据该索引值修改body属性的值。

  1. 定义一个List对象用来存放不同的页面;
  2. 通过onTap属性获取被选择标签的索引值;
  3. 把标签的索引值当作List的索引值,进而获取到不同的页面,并且把页面赋值给body属性;

3 示例代码

// 定义一个List对象用来存放不同的页面,这里存放的是其它Widged的示例
List<Widget> bodyWidgetList = const [
  ExStack(),
  ExButton(
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

talk_8

真诚赞赏,手有余香

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

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

打赏作者

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

抵扣说明:

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

余额充值