Реагируйте на Native Navigation с Redux, как использовать?

Question

В Интернете есть пара учебных пособий о том, как использовать реактивную навигацию с Redux.Тем не менее, ни один из них не завершен, и я действительно не понимаю, что мне нужно возвращать в моей корневой функции.

Если я возвращаю

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

Тогда, зачем использоватьregisterComponentWithRedux?Если я использую registerComponentWithRedux, то я ожидаю, что мне не придется снова оборачивать свой компонент провайдером.

Может кто-нибудь прояснить это или кто-нибудь знает полностью полный работающий пример реакции-нативного-navigation with registerComponentWithRedux?

Как уже говорилось, я видел много учебных материалов в Интернете, но они не указывают, что возвращается в файле ввода приложения.

Answer 1

Как описано в документации React Native Navigation -Version2, регистрация компонента в Redux выполняется следующим образом:

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

Answer 2

registerComponentWithRedux () устарела в пользу Регистрация экранов с помощью компонента поставщика упаковки .

Пример кода, который вы предоставляете, на самом деле является правильным способом сделать этопоскольку функция registerComponentWithRedux устарела.Регистрация экрана с помощью redux выглядела бы примерно так ( образец из RNN docs ):

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