在React原生中导航到不在选项卡导航器中的页面,可以通过以下步骤实现:
react-navigation
库中的createStackNavigator
函数创建一个导航堆栈。import { createStackNavigator } from 'react-navigation';
const AppNavigator = createStackNavigator({
Home: { screen: HomeScreen },
Other: { screen: OtherScreen },
// 添加其他页面组件
});
onPress
事件处理程序中使用this.props.navigation.navigate
方法导航到你的新页面。import React from 'react';
import { Button } from 'react-native';
class HomeScreen extends React.Component {
render() {
return (
<Button
title="Go to Other Screen"
onPress={() => this.props.navigation.navigate('Other')}
/>
);
}
}
createAppContainer
函数将导航器包装起来。import { createAppContainer } from 'react-navigation';
const AppContainer = createAppContainer(AppNavigator);
export default class App extends React.Component {
render() {
return <AppContainer />;
}
}
这样,当你点击导航器中的按钮时,React Native应用程序将导航到你指定的页面组件。
对于React Native中导航的更多详细信息和用法,请参考腾讯云的React Navigation产品文档:React Navigation
领取专属 10元无门槛券
手把手带您无忧上云