Javascript 嵌套的react导航配置在应用程序上下文中找不到redux存储

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

我有一个react原生应用程序,带有redux和react导航。我正在尝试创建两个导航器。第一个是
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);