Ну так вынести провайдер стейта выше за навигацию и будет знать

Если нету кенсела фетчинга, тогда делать флаг, и при анмаунте сетить его в тру а при сете стейта проверять, если тру, то значит компоненты уже нету

Да блин, я полгода с RN работаю. Я знаю как коннектить на вложенных страницах. Вопрос в том, что React Navigation v5 по-другому работает. И я не могу воспроизвести пример их Authentication flow на _классовых_ компонентах (у них везде функциональные в примерах).

можно теперь по-русски, пжлст)

А вот configureStore() import {applyMiddleware, createStore} from 'redux'; import thunk from 'redux-thunk'; import rootReducer from './reducers'; export default function configureStore(initialState) { return createStore(rootReducer, initialState, applyMiddleware(thunk)); }

выше этого АПП или нет?

Backhandler.exitApp подходит ). А для ios нет такой необходимости, фоновые процессы стопаются если приложение не активно

можно теперь по-русски, пжлст)

export default connect(mapStateToProps, {login})(App) это? Так он крашится и не даёт

Нет, App - верхний уровень. Тут мы создаём провайдер и navigation container

useEffect(() => { async function fetchData(): Promise<void> { setShowLoading(true); try { await storageService.fetchRecalls(); } catch (e) { console.error(e) } finally { setShowLoading(false); } } fetchData(); }, []);

покажи mapStateToProps, второй аргумент - диспач, функу нужно оберонуть в него

useEffect(() => { let isUnmounted = false; async function fetchData(): Promise<void> { if (isUnmounted) { return; } setShowLoading(true); try { await storageService.fetchRecalls(); } catch (e) { console.error(e) } finally { setShowLoading(false); } } fetchData(); return () => { let isUnmounted = true; } }, []);

const mapStateToProps = state => ({ userReducer: state.userReducer, }); У меня login и есть dispatch в экшене. Он из экшена импортируется. Но приложение так не работает, крашится

const mapStateToProps = state => ({ userReducer: state.userReducer, }); У меня login и есть dispatch в экшене. Он из экшена импортируется. Но приложение так не работает, крашится

покажи логин свой, покажи подключение к провайдеру, покажи как берешь данные

А где рендеришь <Provider> ?

Backhandler.exitApp в андроеде только сворачивать app

https://pastebin.com/60CjGnMs вот код. Это index.js.

https://pastebin.com/60CjGnMs вот код. Это index.js.

ну это же бред пихать стор редакса в контекст реакта

export const login = userData => async dispatch => { // TODO: получаем user из ответа сервера const user = {}; dispatch({ type: USER_LOG_IN, payload: user, }); };

так еще и логин получает данные userData, а в примере выше их нету

Я пилил с оглядкой на доку: https://reactnavigation.org/docs/en/auth-flow.html У меня есть рабочие варианты для React navigation v4. Просто уже многое сделано на v5, переделывать всё заново нет желания

они сделал пример без привязки к редаксу

Если кто-то делал аналогичное на v5 с использованием redux - буду признателен.

ну вот это и нужно было спрашивать 🙂 а не как получить доступ к редьюсеру 😉

в чем проблема заменить твой контекст на провайдер редакса?

провайдер сделай самым верхнем компонентом в апке, и будет в роутера к нему доступ

Так?

Ессесн, нужно вынести в отдлеьный компонент и врапнуть Апп

если провайдер в этом же файле, то коннект не нужен, моно так юзать стор

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

getState оно, но тебе коннект внутри это сделает, юзай через коннект

getState оно, но тебе коннект внутри это сделает, юзай через коннект

Да не работает через коннект

store.getState()

Он хочет приконнектить компоненнту в которой провайдер сам живет - так не выйдет, он берет выше из контекста

да у всех в мире работает, а у тебя нет

Вот так и не работает

Вот так и не работает

вам вот такая схема нужна function AppContainer() { return ( <Provider store={store}> <App /> <Notification /> </Provider> ); } AppRegistry.registerComponent(appName, () => AppContainer);

вам вот такая схема нужна function AppContainer() { return ( <Provider store={store}> <App /> <Notification /> </Provider> ); } AppRegistry.registerComponent(appName, () => AppContainer);

касательно модалки, что вчера говорили https://github.com/jacklam718/react-native-modals эта очень крутая, не лагает, мощ, но есть минусы, нету типов, не прокинуты стили в оверлей, хотя наверное это не особо минусы , можно форкнуть и переделать себе

а что со стилями не так?

@Yra_Zinchenko @sshmyg @bshelomanov Спасибо большое! Вынес <Provider> в другой файл, в него импортнул свой App, теперь работает.

что бы модалку прибить к низу, нужно свою обертку сделать, flex: 1 ей, прозрачность, но она будет не оверлеем и плавно не сменится

А именно redux

не понял, делаете <Modal {config}> тело модалки </Modal>

Не подскажете с redux?

не понял, я имею ввиду, что бы flex-end работал, нужно обернуть модалку в компонент, компоненту flex:1, в нем уже выровнять тело модалки, тогда норм, но эта обертка во весь екран, накроет оверлей, что за конфиг?