Hi somehow i am unable to run project with nav reducer from your code.
In order to make it work i had to create reducer inside AppNavigator like this:
const navReducer = createNavigationReducer(RootNavigator);
const reducer = combineReducers({
nav: navReducer,
});
const store = createStore(
reducer,
applyMiddleware(middleware, thunkMiddleware, loggerMiddleware),
);
App is still working the same I think after this changes...but i cant change the status bar now like u did
import {
createStore,
applyMiddleware,
combineReducers,
} from 'redux';
import {
reduxifyNavigator,
createReactNavigationReduxMiddleware,
createNavigationReducer,
} from 'react-navigation-redux-helpers';
import { createLogger } from 'redux-logger';
import thunkMiddleware from 'redux-thunk';
import { connect } from 'react-redux';
import React from 'react';
import RootNavigator from './RootNavigator'
const navReducer = createNavigationReducer(RootNavigator);
const reducer = combineReducers({
nav: navReducer,
});
// Note: createReactNavigationReduxMiddleware must be run before reduxifyNavigator
const middleware = createReactNavigationReduxMiddleware(
"root",
state => state.nav,
);
const App = reduxifyNavigator(RootNavigator, "root");
const mapStateToProps = (state) => ({
state: state.nav,
});
const AppWithNavigationState = connect(mapStateToProps)(App);
const loggerMiddleware = createLogger({ predicate: () => __DEV__ });
const store = createStore(
reducer,
applyMiddleware(middleware, thunkMiddleware, loggerMiddleware),
);
const Root = () => <AppWithNavigationState />;
export {
store,
Root,
};