当前行为
目前,我有一个叠加的堆栈导航器,其中包含用户可以处于的所有状态,代码目前看起来像
function GoToButton({ screenName }) {
const navigation = useNavigation();
return (
<TouchableOpacity
onPress={() => navigation.navigate(screenName)}
/>
);
}
const AppNavigator = createStackNavigator({
Login: {screen: Login},
SignUp: {screen: SignUp},
Nav: {screen: Nav},
ConfirmEmail: {screen: ConfirmEmail},
Onboard: {screen: Onboard},
Map: {screen: Map}
},{ headerMode: 'none' },
{
// Specifing Initial Screen
initalRoute: 'Login'
}
);
const App = createAppContainer(AppNavigator);
export default App;
Run Code Online (Sandbox Code Playgroud)
但是,在其中一种状态(粗体的 Nav 状态)中,它包含一个包含另外三个状态的选项卡导航器。下面是以下代码:
function HomeScreen({navigation}) {
return (
<View style={Styles.container}>
<Text style={Styles.logo}>
LOGO
</Text>
<TouchableOpacity onPress={()=> {navigation.navigate('Login')}}>
<Text>Display …Run Code Online (Sandbox Code Playgroud)