Redux 和 react-navigation 底部选项卡组件答案

【问题标题】：Redux and react-navigation bottom-tabs componentRedux 和 react-navigation 底部选项卡组件
【发布时间】：2018-12-04 01:29:31
【问题描述】：

我目前正在开发一个集成了 Redux 和 react-navigation 的应用程序，但我不知道如何正确执行此操作：

我必须使用从 react-native-material-bottom-tabs 获得的 底部标签 导航栏，现在我有一个连接视图，并且使用 redux 路由器 呈现导航栏以在这两者之间导航的视图。

在底部栏导航的一个视图中显示了一个带有一些子视图的个人资料视图，我无法弄清楚如何为这些视图设置导航，因为它们位于底部导航类中，该类位于当前的 redux 导航中，但不在它包含的视图中......

我为它和他的孩子尝试了不同的东西，例如在配置文件视图中的本地导航器，但我无法通过将它传递给本地导航器来使用我的 redux 商店...

现在的架构是 AppNavigator 包含 { Connection , BottomTabs } 并且 BottomTabs 包含 { Profile View, Home视图、事件视图}

如何在底部栏的视图中为 navigation 和 store 提供 redux？

【问题讨论】：

【解决方案1】：

我已经使用了这个来自 npm 的 'react-native-tabbar-bottom' api，你也可以参考下面的链接 https://www.npmjs.com/package/react-native-tabbar-bottom。

【讨论】：

【解决方案2】：

我找到了一个解决方案，但它似乎不对：我通过 StackNavigation 的 screenProps 道具传递信息，这些信息来自我的 redux 存储。

此解决方案有效，同时找到了更好的处理方法。

【讨论】：