Javascript 反应导航-具有嵌套导航器的导航选项

Javascript 反应导航-具有嵌套导航器的导航选项,javascript,reactjs,react-native,react-navigation,Javascript,Reactjs,React Native,React Navigation,我还在学英语。我知道导航是怎么工作的。现在我有点被导航嵌套卡住了。我要尽量快点 首先,嵌套导航器的实际方法是什么 我是用嵌套的方式做的,但遇到了一个问题。我只能在嵌套导航器中更改导航选项,而不能在组件屏幕中更改。我很难从其中一个屏幕打开抽屉菜单,因为我使用的是自定义标题和嵌套导航器。我有一个用于测试的类似代码: App.js(导航器) import React,{Component}来自'React'; 从“反应导航”导入{createStackNavigator、createDrawerNa

我还在学英语。我知道导航是怎么工作的。现在我有点被导航嵌套卡住了。我要尽量快点

首先,嵌套导航器的实际方法是什么

我是用嵌套的方式做的,但遇到了一个问题。我只能在嵌套导航器中更改导航选项,而不能在组件屏幕中更改。我很难从其中一个屏幕打开抽屉菜单,因为我使用的是自定义标题和嵌套导航器。我有一个用于测试的类似代码:

App.js(导航器)

import React,{Component}来自'React';
从“反应导航”导入{createStackNavigator、createDrawerNavigator、createBottomTabNavigator、createAppContainer};
从“./SplashScreen”导入SplashScreen;
从“/MainScreen”导入主屏幕;
从“/FirstTabScreen”导入FirstTabScreen;
从“/SecondTabScreen”导入SecondTabScreen;
const AppStackNavigator=createStackNavigator({
飞溅:{
屏幕:飞溅屏幕
},
主流:{
屏幕:createDrawerNavigator({
主要内容:{
屏幕:主屏幕
},
someTab:{
屏幕:CreateBoottomTabNavigator({
第一个选项卡:{
屏幕:第一个选项卡屏幕
},
第二选项卡:{
屏幕:第二个选项卡屏幕
}
})
}
})
}
});
const AppContainer=createAppContainer(AppStackNavigator);
导出默认类应用程序扩展组件{
render(){
回来
}

}
您需要使用withNavigation在那里提供导航道具


查看
SplashScreen.js中的我的答案,您没有导航到正确的屏幕

你必须这样做

go = () =>{
        this.props.navigation.navigate('mainFlow');
    }

这就是答案。以防万一,有人遇到同样的问题。我在导航器代码中编写了导航选项。我创建了一个自定义headerLeft按钮,并在其代码中编写了一个“ExportdefaultwithNavigation”。现在,当您从headerLeft属性调用自定义按钮时,它将正确使用导航道具。