【问题标题】:Which NavigationBar?哪个导航栏?
【发布时间】:2015-07-27 15:16:59
【问题描述】:

RN 目前有 2 个官方和一些社区开发的 NavigationBars。 在阅读了Navigator comparison 之后,似乎 Navigator 是最受欢迎的导航控制器实现(取代 NavigatorIOS),因为它允许将栏与导航逻辑分离。

但是要使用哪个导航栏呢?

据我所知,主要竞争者是:

两者都能完成工作,但使用其中一个的优缺点是什么?

干杯:)

【问题讨论】:

    标签: javascript reactjs react-native


    【解决方案1】:

    这是我玩过 Navigator 后发现的。

    如果你想快速实现一个类似于 NavigatorIOS 但功能更多的导航栏,Kureev 的 react-native-navbar 是不错的选择。您唯一需要注意的是他实现实际导航栏的方式。您会在他的示例中注意到,他将导航栏呈现在内容上方并将其包装在视图中,这使得导航栏成为“基于页面的”。因此,当您推送或弹出视图时,导航栏将随视图而变化。目前有一个问题解决了这个想法(#62)

    导航器组件使用起来非常简单。使用道具 navigationBar 您可以创建一个一致的导航栏,该导航栏在状态更改时持续存在。我发现的一个痛点是导航栏被放在渲染内容的下方,所以如果你想要它,你必须使用一些样式将它放在顶部。

    总结一下:

    • 如果您想要快速轻松的导航,请使用 Kureev 的
    • 如果您想要更多的灵活性和控制更多导航栏的能力,请创建一个导航栏组件并使用 Navigators navigationBar 属性。
    • 不要低估来自 React Native 团队的示例。 Navigator examples

    【讨论】:

    • 谢谢拉塞尔,很好的回答。我发现 RN 自己的 Navigator 和 Navigator.NavigationBar 几乎适用于我向他们抛出的所有内容。至于您在内容下方呈现的问题,我已经根据 Kureev 的 react-native-navbar 中的示例找到了一个修复方法(具有讽刺意味)。稍后我可以为您上传要点。 :)
    • 是的,使用 Navigator.NavigationBar 更容易一些,我尝试实现自己的自定义导航栏,但最终在 Navigator 示例中使用了 TabBarIOS 示例。但我很想知道你最终做了什么。
    猜你喜欢
    • 1970-01-01
    • 2014-06-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多