在React Native应用程序中单击按钮打开另一个屏幕

// 导入所需的模块和组件
import React from 'react';
import { View, Button } from 'react-native';
import { createStackNavigator } from '@react-navigation/stack';
import { NavigationContainer } from '@react-navigation/native';

// 创建"SecondScreen"组件
const SecondScreen = () => {
  return (
    <View>
      {/* 在这里添加你的UI元素 */}
    </View>
  );
};

// 创建主屏幕组件
const HomeScreen = ({ navigation }) => {
  const handleButtonPress = () => {
    navigation.navigate('SecondScreen'); // 导航到"SecondScreen"组件
  };

  return (
    <View>
      {/* 在这里添加你的UI元素 */}
      <Button title="打开另一个屏幕" onPress={handleButtonPress} />
    </View>
  );
};

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

// 创建导航容器
const App = () => {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="SecondScreen" component={SecondScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
};

export default App;