React Native 博览会堆栈

Question

export default function RootLayout() {
    return (
    <ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
      <Stack initialRouteName="Welcome">

        <Stack.Screen name="Welcome" options={{headerShown: false}} /> 

        <Stack.Screen name="LoginScreen"  options={{headerShown: false}} />
        <Stack.Screen name="Signup" options={{headerShown: false}} />
        <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
        <Stack.Screen name="+not-found" />
      </Stack>
    </ThemeProvider>
  );
}

我想让Welcome.tsx成为新打开应用程序时打开的默认视图，请帮助我

Answer 1

欢迎来到

StackOverflow

。你基本上已经解决了一半。您提供的代码用于将

routename

链接到它的

component

但您似乎忘记像这样添加组件。

<Stack.Screen name="Welcome" options={{headerShown: false}} component={Welcome} />

在你的

Welcome

组件中，代码应该是这样的

export const Welcome: FunctionComponent<NativeStackScreenProps<StackParamList, "Welcome">> = ({ navigation }) => {}

注意：这只是一个示例，您的项目可能会有所不同，但应该是这样的。