React Native：实现 TabBarIOS 导航实验

Question

我在 React Native Navigation Experimental 上找到了这个很好的例子： https://github.com/jlyman/RN-NavigationExperimental-Redux-Example

这正是我要找的。它有导航栏和标题，导航工作正常。但是它没有实现 TabBarIOS。

我还发现了 Nader Dabit 的这个： https://github.com/dabit3/react-native-navigator-experimental-redux/tree/part3-tabs

这也很棒，在此示例中它有 TabBarIOS，但没有导航 Header。当我是 运行 它时，它有时会由于重复相同的密钥声明而出错。

第一个导航效果更好。我尝试根据本教程实现 tabbarios： https://medium.com/@dabit3/react-native-navigator-experimental-part-3-adding-tabs-28a2c57356b6#.r950tldx6

但是我的尝试没有成功。我尝试将两个减速器结合起来，但没有用。

我怎样才能正确地做到这一点？我正在尝试将 TabBarIOS 添加到第一个示例中。那将是一个很棒的 React Native 入门应用程序。

Answer 1

我在这里找到了另一个例子： http://blog.thebakery.io/react-native-experimental-navigation-with-redux/

其中有 TabBarIOS、导航 Header，以及我正在寻找的一切。

希望对搜索相同内容的其他人有所帮助:)

Answer 2

我创建了一个简单的示例来展示 Composite Navigation With TabBar 使用 Navigation Experimental 和 redux。它适用于 android 和 iOS。我使用了自定义 TabBar 组件，但它可以很容易地替换为原生 TabBarIOS。