我正在构建一个使用react-native的跨平台本机应用程序,并使用react-navigation在屏幕之间来回导航以及使用redux管理导航状态。当我嵌套导航器时,就会出现问题。
例如,我使用Stack Navigator作为应用程序的默认导航器。
export const DefaultNavigate = new StackNavigator(
{
Login: {
screen: LoginScreen,
},
Home: {
screen: AppDrawerNavigate,
},
AppTabNav: {
screen: AppTabNavigator,
},
}
);
Run Code Online (Sandbox Code Playgroud)
我的第一个屏幕是登录屏幕,主屏幕是抽屉式导航器。
const AppDrawerNavigate = new DrawerNavigator(
{
InProcess: {
screen: InProcess,
},
Machine: {
screen: Machine
},
Settings: {
screen: Settings
},
Logout: {
screen: Logout
},
ContactUs: {
screen: ContactUs
}
}
);
Run Code Online (Sandbox Code Playgroud)
当用户在Drawer Navigator中单击Machine时,我正在将屏幕导航到DefaultNavigator中声明的AppTabNav。
const AppTabNavigator = new TabNavigator(
{
MachineList: {
screen: MachineList,
},
CalendarView: {
screen: CalendarView,
}
}, …Run Code Online (Sandbox Code Playgroud)