React native 反应本机导航抽屉-打开的页面不在抽屉中
我是一个新的反应本土发展,所以很抱歉,如果这似乎是显而易见的 我有一个新的应用程序,它使用React导航抽屉作为主要的导航方法。如何在导航到不在导航抽屉中的组件的页面中具有onPress功能 这个.props.navigation.navigate(“示例”)似乎只适用于抽屉中定义的页面 我的抽屉配置: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
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我添加了一个抽屉配置代码示例