用Redux响应本机导航,如何使用?

时间:2019-01-20 06:16:01

标签: react-native redux react-native-navigation

在线上有一些关于如何在Redux中使用react-native-navigation的教程。但是,它们都不是完整的,我真的不明白在根函数中需要返回什么。

如果我回来了

commentsRef.on('child_removed', function(data) {
  deleteComment(postElement, data.key);
});

然后,为什么需要使用<Provider store={mystore}> <MainScreen /> </Provider> ? 如果我使用registerComponentWithRedux,那么我就不必再用提供程序包装组件了。

任何人都可以澄清这一点,还是有人知道使用registerComponentWithRedux进行react-native-navigation的完整示例吗?

如前所述,我在线上看到了很多教程,但是它们没有指定应用程序的入口文件中返回的内容。

2 个答案:

答案 0 :(得分:0)

如React Native Navigation -Version2的文档所述,向Redux注册组件的过程如下:

 location     Berlin     Hamburg    Stuttgart
location 1      5            6           7 
location 2      4            9           6  
location 3      2            1           3

答案 1 :(得分:-1)

registerComponentWithRedux()已弃用,而赞成Registering screens with wrapping provider component

由于不赞成使用registerComponentWithRedux函数,因此您提供的代码示例实际上是正确的方法。向redux注册屏幕看起来像这样(sample from RNN docs):

Navigation.registerComponent('navigation.playground.ReduxScreen', () => (props) => (
  <Provider store={reduxStore}>
    <ReduxScreen {...props} />
  </Provider>
), () => ReduxScreen);