React Native Navigation с Redux, как использовать?

В Интернете есть несколько руководств о том, как использовать react-native-navigation с Redux. Однако ни один из них не является полным, и я действительно не понимаю, что мне нужно вернуть в моей корневой функции.

Если я вернусь

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

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

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

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


react-native redux react-native-navigation
person Jose    schedule 20.01.2019    source источник

Ответы (2)


arrow_upward
2
arrow_downward

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

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

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

arrow_upward
1
arrow_downward

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

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

person xMan    schedule 27.07.2019