从DrawerNavigator中的屏幕导航到同一DrawerNavigator中的另一个屏幕,可以通过以下步骤实现:
react-navigation
库中的NavigationActions
。import { NavigationActions } from 'react-navigation';
NavigationActions.navigate
方法创建一个导航操作。const navigateAction = NavigationActions.navigate({
routeName: '目标屏幕的路由名称',
params: { 任意传递给目标屏幕的参数 },
});
dispatch
方法触发导航操作。this.props.navigation.dispatch(navigateAction);
完整的代码示例:
import React, { Component } from 'react';
import { Button } from 'react-native';
import { NavigationActions } from 'react-navigation';
class CurrentScreen extends Component {
navigateToTargetScreen = () => {
const navigateAction = NavigationActions.navigate({
routeName: '目标屏幕的路由名称',
params: { 任意传递给目标屏幕的参数 },
});
this.props.navigation.dispatch(navigateAction);
};
render() {
return (
<Button
title="导航到目标屏幕"
onPress={this.navigateToTargetScreen}
/>
);
}
}
export default CurrentScreen;
请注意,上述代码中的"目标屏幕的路由名称"应替换为你要导航到的目标屏幕在DrawerNavigator中的路由名称。此外,你还可以通过params
参数传递任意参数给目标屏幕。
对于腾讯云相关产品和产品介绍链接地址,由于不能提及具体的品牌商,建议你访问腾讯云的官方网站,查找相关产品和文档,以获取更多详细信息。
领取专属 10元无门槛券
手把手带您无忧上云