哪个导航栏？答案

【问题标题】：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 示例。但我很想知道你最终做了什么。