我想做一个简单的任务,就是从一个屏幕转到另一个屏幕,但无论我做什么都行不通。我已经安装了 react-navigation/stack 和 react-navigation/native-stack,但都无法使用我所拥有的,是因为 Tabs 吗?
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import Tabs from './navigation/tabs';
import "react-native-url-polyfill/auto"
import LogInSignUp from './SettingsScreen/LogInSignUp';
const Stack = createStackNavigator();
const App = () => {
return (
<NavigationContainer>
<Stack.Navigator screenOptions={{ headerShown: false }}>
<Stack.Screen name="Home" options={{title: "Welcome"}} component={Tabs} />
<Stack.Screen name="Settings" component={Tabs} />
<Stack.Screen name = "LogInSignUp" component={LogInSignUp}/>
</Stack.Navigator>
</NavigationContainer>
);
};
export default App;
import { Text, StyleSheet, View, Button, } from "react-native";
import { StatusBar } from "expo-status-bar";
const Settings = (navigation) => {
return (
<View style = {styles.container}>
<Button title = "LogIn/SignUp" onPress={() => navigation.navigate("LogInSignUp")}></Button>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
},
})
export default Settings
import React from 'react'
import { StackActions } from '@react-navigation/native';
const LogInSignUp = (navigation) => {
return (
<div>LogInSignUp</div>
)
}
export default LogInSignUp
我试图找到解释问题的教程,他们的所有代码看起来都像我的,只是将名称切换到我的 .js 文件,但没有任何效果。