Javascript 嵌套的react导航配置在应用程序上下文中找不到redux存储
我有一个react原生应用程序,带有redux和react导航。我正在尝试创建两个导航器。第一个是Javascript 嵌套的react导航配置在应用程序上下文中找不到redux存储,javascript,react-native,redux,react-redux,react-navigation,Javascript,React Native,Redux,React Redux,React Navigation,我有一个react原生应用程序,带有redux和react导航。我正在尝试创建两个导航器。第一个是stackNavigator,其中包括4个屏幕;第二个是bottomTabBarNavigator,其中包括2个屏幕。两者合并为一个具有 createAppContainer(createStackNavigator(navigator1,navigator2)) 我也有redux 除了第二个导航器的一个屏幕外,一切正常。(它有两个屏幕,第一个是工作正常,第二个是抛出错误 我已经更改了AppNavi
stackNavigator
,其中包括4个屏幕;第二个是bottomTabBarNavigator
,其中包括2个屏幕。两者合并为一个具有
createAppContainer(createStackNavigator(navigator1,navigator2))
我也有redux
除了第二个导航器的一个屏幕外,一切正常。(它有两个屏幕,第一个是工作正常,第二个是抛出错误
我已经更改了AppNavigator连接,从简单
export default AppNavigator
到
App.js-主容器
类应用程序扩展组件{
render(){
返回(
);
}
}
AppNavigator.js
const navigator=createStackNavigator({
登录:{screen:LoginView,导航选项:{header:null}},
菜单:{screen:MenuView},
竞赛:{screen:CompetitionView},
地图:{屏幕:CompetitionMapView},
});
const singleNavigator=createBottomTabNavigator({
CompetitionDetails:{屏幕:CompetitionDetailsView},
RouteView:{屏幕:RouteView}
});
const AppNavigator=createAppContainer(createStackNavigator({
主:导航器,
比赛:单人导航
}));
singleNavigator.navigationOptions=()=>{
返回{
标题:null,
};
};
navigator.navigationOptions=()=>{
返回{
标题:null,
};
};
导出默认连接(未定义,未定义)(AppNavigator);
RouteView.js-导致错误的组件,
//仅具有render和MapStateTrops/mapDispatchToProps funcs的普通react组件
导出默认连接(
MapStateTops,
mapDispatchToProps
)(RouteView);
一切正常,直到从“singleNavigator”查看RouteView。当我转到此屏幕时,Result出现以下错误:
不变冲突:不变冲突:在“Connect(RouteView)”的上下文中找不到“store”。请将根组件包装在
中,或将自定义React上下文提供程序传递给连接选项中的
和相应的React上下文使用者以连接(RouteView)
export default connect()(AppNavigator)
App.js - main container
class App extends Component {
render() {
return (
<Provider store={store}>
<PersistGate persistor={persistor}>
<AppNavigator/>
</PersistGate>
</Provider>
);
}
}
AppNavigator.js
const navigator = createStackNavigator({
Login: {screen: LoginView, navigationOptions: {header: null}},
Menu: {screen: MenuView},
Competition: {screen: CompetitionView},
Map: {screen: CompetitionMapView},
});
const singleNavigator = createBottomTabNavigator({
CompetitionDetails: {screen: CompetitionDetailsView},
RouteView: {screen: RouteView}
});
const AppNavigator = createAppContainer(createStackNavigator({
Main: navigator,
Competition: singleNavigator
}));
singleNavigator.navigationOptions = () => {
return {
header: null,
};
};
navigator.navigationOptions = () => {
return {
header: null,
};
};
export default connect(undefined,undefined)(AppNavigator);
RouteView.js - component causing error,
// normal react component with only render and mapStateToProps / mapDispatchToProps funcs
export default connect(
mapStateToProps,
mapDispatchToProps
)(RouteView);