Flutter:Tabbar 与底部导航栏

Bra*_*sen 6 dart flutter

我试图找出启用滑动的底部导航的最佳方式。我发现了两个很有前途的小部件:Tabbar(带有 TabBarView)和 BottomNavigationBar。标签栏易于使用并具有控制器属性,可以轻松地在标签之间滑动。但是没有办法设置背景色(或者我错了?)。底部导航栏允许在 appBar 之外进行自定义,但不适用于控制器。那么我将如何使用底部导航栏?我应该手动显示和隐藏页面/小部件吗?

Col*_*son 8

可以通过将 TabBar 包裹在您想要的颜色的 Material 中来设置 TabBar 上的背景颜色。不过,在屏幕底部放置其中一个是不寻常的。

如果您希望视图可滑动,您可以使用 BottomNavigationBar 的 onTap 来触发 PageView 中的页面更改。

  • 它没有出现在材料设计规范中,可能是因为选项卡选择指示器在选项卡栏的顶部而不是底部更有意义。但是,如果您喜欢它的外观,那就是您的应用程序,去吧!:) (2认同)