React Native Navigation с Redux, как использовать?
В Интернете есть несколько руководств о том, как использовать react-native-navigation с Redux. Однако ни один из них не является полным, и я действительно не понимаю, что мне нужно вернуть в моей корневой функции.
Если я вернусь
<Provider store = {mystore}>
<MainScreen />
</Provider>
Тогда зачем нужно использовать registerComponentWithRedux?
Если я использую registerComponentWithRedux, я ожидаю, что мне не придется снова обертывать мой компонент провайдером.
Может ли кто-нибудь прояснить это или кто-нибудь знает полностью рабочий пример реактивной нативной навигации с registerComponentWithRedux?
Как уже говорилось, я видел множество руководств в Интернете, но в них не указано, что возвращается в файле ввода приложения.
Ответы 2
зарегистрироватьКомпонентWithRedux() устарел в пользу Регистрация экранов с компонентом поставщика упаковки.
Предоставленный вами пример кода на самом деле является правильным способом сделать это, поскольку функция registerComponentWithRedux устарела. Регистрация экрана с помощью redux будет выглядеть примерно так (образец из документов RNN):
Navigation.registerComponent('navigation.playground.ReduxScreen', () => (props) => (
<Provider store = {reduxStore}>
<ReduxScreen {...props} />
</Provider>
), () => ReduxScreen);
Как описано в документах React Native Navigation -Version2, регистрация компонента в Redux происходит следующим образом:
Navigation.registerComponent('WelcomeComponentScreen', () => (props) => (
<Provider store = {reduxStore}>
<'WelcomeComponentScreen' {...props} />
</Provider>
), () => 'WelcomeComponentScreen');