Flutter Widget之NavigationBar使用详解
更新时间：2022年12月07日 16:42:50 作者：程序员界的小学生
这篇文章主要为大家介绍了Flutter Widget之NavigationBar使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
正文
这是一个和时间一样古老的故事。您的应用程序有三到五个主要内容区域，您的用户应该能够在任何屏幕之间切换。
那么，在这种情况下，请查看NavigationBar。
现在，您可能会想，“底部们有导航栏吗？，这个新的导航栏小部件有什么特别之处？“
不同之处在于BoottomNavigationBar使用Material 2设计系统，而NavigationBar具有新的Material 3外观和感觉。
例如，药丸形状，它以对比色指示活动的目的地。
要启动并运行，为NavigationBar提供destination列表，当前所选的索引以及每当选择destination时出发的回调而已。
NavigationBar(
destinations: [
NavigationDestination(
icon: Icon(Icons.home),
label: 'Home',
),
NavigationDestination(
icon: Icon(Icons.explore),
label: 'Explore',
),
NavigationDestination(
icon: Icon(Icons.person),
label: 'Profile',
),
NavigationDesstination(
icon: Icon(Icons.settings_rounded,
label: 'Settings',
),
],
selectedIndex: currentPageIndex,
onDestinationSelected: (int index) {
setState(() {
currentPageIndex = index;
});
}
)
现在您的应用程序可以使用选定的索引来决定要承铉哪个视图。
Scaffold(
bottomNavigationBar: NavigationBar(...),
body: [Widget1, Widget2, Widget3, Widget4][currentPageIndex]
)
您可以使用它并配置诸如labelBehavior
NavigationBar(
destinations: [...].
selectedIndex: currentPageIndex,
onDestinationSelected: (int index) {...},
labelBehavior: onlyShowSelected,
)
background
NavigationBar(
destinations: [...],
selectedIndex: currentPageIndex,
onDestinationSelected: (int index) {...},
backgroundColor: Colors.grey,
)
和animationDuration之类的东西，以便当destination在选中和未选中之间更改状态时。
NavigationBar(
destinations: [...],
selectedIndex: currentPageIndex,
onDestinationSelected: (int index) {...},
animationDuration: Duration(ms: 1000),
)
准备好在大屏幕访问您的应用程序了吗？将NavigationBar与NaviigationRail栏配对，您将立即拥有一个完全相应的导航系统。
如果想了解有关NavigationBar的内容，或者关于Flutter的其他功能，请访问 flutter.dev
以上就是Flutter Widget之NavigationBar使用详解的详细内容，更多关于Flutter Widget NavigationBar的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了Android带清除按钮、密码可见小眼睛的输入框,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-01-01
android 耳机左右声道接反如何修正，具体的修改方法如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-06-06
今天小编就为大家分享一篇关于Android中GridView插件的使用方法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-03-03![SurfaceView开发[捉小猪]手机游戏 (二)](//img.jbzj.com/images/xgimg/bcimg3.png)
这篇文章主要介绍了用SurfaceView开发[捉小猪]手机游戏 (二)本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-08-08
这篇文章主要为大家分享了Android图片加载的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
Android中Fragment相互切换间不被回收的实现方法
这篇文章主要给大家介绍了关于Android中Fragment相互切换间不被回收的实现方法，文中给出了详细的示例代码和注释供大家参考学习，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-08-08
消息通知（Notification）是Android系统中比较有特色的一个功能，当某个应用程序希望用户发出一些提示信息，而该应用又不在前台运行时，就可以借助通知来实现2022-09-09
这篇文章主要为大家详细介绍了Android手机联系人带字母索引的快速查找实现方法，感兴趣的小伙伴们可以参考一下2016-03-03
Intent是Android中一个非常重要的概念，跟这个词的本意（意图，目的）一样，这个类在Android中的作用就是要调用某个组建去做某一件事,接下来详细介绍，感兴趣的朋友可以参考下2013-01-01
收发短信应该是每个手机最基本的功能之一了，即使是许多年前的老手机也都会具备这项功能，而Android 作为出色的智能手机操作系统，自然也少不了在这方面的支持。今天我们开始自己创建一个简单的发送和接收短信的应用，需要的朋友可以参考下2016-04-04
![SurfaceView开发[捉小猪]手机游戏 (二)](http://img.jbzj.com/images/xgimg/bcimg3.png)
最新评论