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

时间:2018-06-25 12:57:06

标签: javascript react-native redux react-router react-redux

我目前正在开发一个集成了 Redux 反应导航的应用程序,但我不知道如何正确执行此操作:

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

在个人资料视图中,其中一些儿童视图显示在底部栏导航的视图之一中,我不知道如何设置导航,因为它们位于Bottom Navigation类中,该类位于当前的redux导航中,但不包含其中包含的视图...

我尝试了其他操作,例如在个人资料视图中的本地导航器及其子项,但无法通过将其传递给本地导航器来使用我的redux存储...

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

如何在底部栏视图内为导航商店提供redux?

2 个答案:

答案 0 :(得分:0)

我使用了npm的“ react-native-tabbar-bottom” api,您也可以参考以下链接https://www.npmjs.com/package/react-native-tabbar-bottom

答案 1 :(得分:0)

我找到了一个解决方案,但似乎不对:我通过StackNavigation的 screenProps 道具传递信息,这些信息来自我的redux商店。

此解决方案在找到更好的解决方案的同时起作用。