BottomNavigationBar:底部导航栏的激活状态

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

这个底部导航栏菜单项目的激活状态是 currentIndex 属性控制的 .. 在这个 BootomNavigationBar 里面,添加一个 currentIndex 属性 ... 第一个项目的索引值是 0 ... 如果把它设置成 1 的话 .. 第二个导航项目会变成激活的状态 ..

这里先用一个变量来表示这个索引值 .. 比如 _currentIndex .. 在上面定义一下这个变量 .. 值的类型是 int .. 名字叫 _currentIndex ... 让它的值等于 0 ..

切换这个激活状态我们需要用到 onTap 属性 .. 添加一个 onTap ... 它的值是个回调 .. 这里用一个 _onTapHandler ..

找个地方再去定义这个方法 .. void ... _onTapHandler .. 方法接受的是表示索引值的一个参数 .. 类型是 int ,名字可以叫 index ..

按了底部导航栏上的项目,会执行 onTap 属性指定的动作 .. 这里就是会执行这个 _onTapHandler ... 在这个回调里面 .. 我们可以使用一个 setState 方法,设置一下当前的索引值 .. 这样才会切换这个导航栏菜单项的激活状态 ..

不过这个 setState 方法是 StatefulWidget 里面才有的 .. 当前我们用的是一个 StatelessWidget ...

下面我们可以再去创建一个 StatefulWidget ..

BottomNavigationBar:底部导航栏的激活状态《 Flutter 移动应用:界面结构 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点