将导航添加到组件onPress (React-导航)

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

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

// 定义两个页面组件
const HomeScreen = ({ navigation }) => (
  <Button
    title="Go to Details"
    onPress={() => navigation.navigate('Details')}
  />
);

const DetailsScreen = () => (
  <Button
    title="Go back"
    onPress={() => navigation.goBack()}
  />
);

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

export default App;