混合模式Flutter底部导航栏



我想在我的应用程序中包含一个底部导航栏,它将显示在某些页面上,但不会显示在其他页面上。据我所知,Flutter BottomNavigationBar小部件重新呈现了Scaffold Body属性,并没有实际路由到另一个页面,而是始终显示导航栏。有人能给我一些建议吗?我可以有一个底部导航,它看起来像下面这样,其中选项卡1和选项卡3路由到显示导航栏的屏幕,而选项卡2和选项卡3是不显示导航条的屏幕?

底部导航栏

我相信您想在选项卡1和3中显示底部NavBar,而在选项卡2和4中隐藏它,对吗?我假设您有一个跟踪所选索引的变量,让我们称之为int _selectedIndex = 0。在底部导航属性中,您可以像下面的一样显示和不显示它

bottomNavigationBar: _selectedIndex.isEven ? null: BottomNavigationBar()

在这里,它检查_selectedIndex值(在这种情况下为0,1,2,3(,如果它是奇数,则显示页面和导航(表1&3(,而如果它是偶数(表2&4(,则提供null,因此不显示导航。唯一关心的是如何在没有导航的情况下在两个选项卡之外导航,但这应该可以解决您的即时问题

最新更新