React Native -如何在IntroSliders之后导航到主体

import React from 'react';
import { View, Text, Button } from 'react-native';
import { createStackNavigator } from '@react-navigation/stack';
import { NavigationContainer } from '@react-navigation/native';

// IntroSliders组件
const IntroSliders = ({ navigation }) => {
  return (
    <View>
      {/* IntroSliders内容 */}
      <Text>IntroSliders内容</Text>

      {/* 导航触发器 */}
      <Button title="开始" onPress={() => navigation.navigate('Main')} />
    </View>
  );
};

// 主体页面组件
const MainScreen = () => {
  return (
    <View>
      {/* 主体页面内容 */}
      <Text>主体页面内容</Text>
    </View>
  );
};

// 创建导航堆栈
const Stack = createStackNavigator();

// 应用程序根组件
const App = () => {
  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName="Intro">
        <Stack.Screen name="Intro" component={IntroSliders} />
        <Stack.Screen name="Main" component={MainScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
};

export default App;