React Native Navigation with Redux，如何使用

Question

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

如果我回来了

<Provider store={mystore}>
<MainScreen />
</Provider>

那么，为什么需要使用registerComponentWithRedux呢？如果我使用 registerComponentWithRedux那么我希望不必再次使用提供程序包装我的组件。

任何人都可以澄清这一点，或者有没有人知道一个完整的工作示例 反应原生导航 registerComponentWithRedux ？

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

Answer 1

registerComponentWithRedux（） 已被弃用，取而代之的是使用包装提供程序组件注册屏幕。

您提供的代码示例实际上是执行此操作的正确方法，因为 registerComponentWithRedux 函数已被弃用。使用 redux 注册屏幕将如下所示（来自 RNN 文档的示例）：

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

Answer 2

正如 React Native Navigation -Version2 的文档所描述的那样，使用 Redux 注册组件如下：

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