在滚动视图中呈现react导航屏幕

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

const Stack = createStackNavigator();

function HomeScreen() {
  return (
    <ScrollView style={styles.container}>
      <Text style={styles.text}>Home Screen Content</Text>
      {/* 更多内容 */}
    </ScrollView>
  );
}

function DetailsScreen() {
  return (
    <ScrollView style={styles.container}>
      <Text style={styles.text}>Details Screen Content</Text>
      {/* 更多内容 */}
    </ScrollView>
  );
}

export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName="Home">
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Details" component={DetailsScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    padding: 16,
  },
  text: {
    fontSize: 18,
    marginBottom: 10,
  },
});