【问题标题】:Flutter: Tabbar vs BottomNavigationBar颤振:标签栏与底部导航栏
【发布时间】:2017-10-27 18:04:37
【问题描述】:

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

【问题讨论】:

    标签: dart flutter


    【解决方案1】:

    在 TabBar 上设置背景颜色可以通过将其包装在所需颜色的 Material 中来完成。但是,在屏幕底部显示其中之一是不寻常的。

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

    【讨论】:

    • 酷,还不知道颜色的事!为什么通常不使用底部的 TabBar 的任何原因?它看起来是一种实现底部标签导航的简单方法!
    • 它没有出现在材料设计规范中,可能是因为选项卡选择指示器在选项卡栏的顶部而不是底部更有意义。但是,如果您喜欢它的外观,那就是您的应用程序,那就去吧! :)
    • @CollinJackson 感谢您对 Flutter 的帮助!按照您的建议,我可以将 TabBar 放在底部并根据我的选择设置样式,我可以单独使用 BottomNavigationBar onTab 来触发页面更改。当我将正文滑动到新选项卡时,我仍然不能做的是突出显示正确的 BottomNavigationBarItem。我在底部导航栏中有currentIndex: _tabController.index,但在滑动时标签突出显示仍然没有改变。我需要以某种方式为此设置状态吗?谢谢。
    • 管理使用带有回调的 TabController 上的 addListener 将 TabController 连接到 BottomNavigationBar。我认为这是正确的。干杯!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-06-15
    • 1970-01-01
    • 2021-04-02
    • 2022-01-03
    • 2021-10-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多