React native 反应本机导航抽屉-打开的页面不在抽屉中

React native 反应本机导航抽屉-打开的页面不在抽屉中,react-native,navigation-drawer,react-navigation,React Native,Navigation Drawer,React Navigation,我是一个新的反应本土发展,所以很抱歉,如果这似乎是显而易见的 我有一个新的应用程序,它使用React导航抽屉作为主要的导航方法。如何在导航到不在导航抽屉中的组件的页面中具有onPress功能 这个.props.navigation.navigate(“示例”)似乎只适用于抽屉中定义的页面 我的抽屉配置: const MyApp = createDrawerNavigator({ Interactive: { screen: (props) => <Interactive

我是一个新的反应本土发展,所以很抱歉,如果这似乎是显而易见的

我有一个新的应用程序,它使用React导航抽屉作为主要的导航方法。如何在导航到不在导航抽屉中的组件的页面中具有onPress功能

这个.props.navigation.navigate(“示例”)似乎只适用于抽屉中定义的页面

我的抽屉配置:

const MyApp = createDrawerNavigator({
  Interactive: {
    screen: (props) => <Interactive {...props} 
       list={[
    { name: "First" },
    { name: "Second" },
    { name: "Third" },
    { name: "Fourth" },
    { name: "Fifth" },
    { name: "Sixth" },
    { name: "Seventh" },
    { name: "Eighth" },
  ]} />,
  },
  Settings: {
    screen: SettingsScreen,
  },
},
const MyApp=createDrawerNavigator({
交互式:{
屏幕:(道具)=>,
},
设置:{
屏幕:设置屏幕,
},
},

我正在按“Interactive”中的一个按钮,该按钮应该导航到上面配置中未包含的组件。

您的应用程序中可以有多个导航器(通常是这种情况),实际上,您要导航到的每个屏幕都应该在导航器中定义。导航器中的每个键都可以是单个屏幕或另一个导航器(堆栈、抽屉、选项卡或开关导航器)

const DrawerRoutes=createDrawerNavigator({
//您的抽屉导航器实现。。。
});
const MyApp=createSwitchNavigator(
{
出票人:出票人,
示例:YourScreen,//这将是您希望导航器指向的屏幕
},
{
initialRouteName:“抽屉”
}
);
现在,只需在抽屉中调用this.props.navigation.navigate('Example')即可导航到屏幕


在react导航应用程序中,嵌套导航器的大量组合并不少见,但总有一个根导航器。

navigation.navigate()方法允许您导航到应用程序中的任何屏幕,但每个屏幕都需要在路由中定义。因此,最好将您的react导航配置添加到您的问题中。请添加到您的问题中。@dentemm我添加了一个抽屉配置代码示例