【react native】通过组件props的navigation实现界面跳转

在React Native中，可以通过组件的props访问navigation属性来实现界面的跳转。这通常是在使用React Navigation库时发生的。以下是一个简单的例子：

import React from 'react';
import { Text, Button } from 'react-native';
 
const HomeScreen = ({ navigation }) => {
  return (
    <>
      <Text>Home Screen</Text>
      <Button
        title="Go to Details"
        onPress={() => navigation.navigate('DetailsScreen')}
      />
    </>
  );
};
 
export default HomeScreen;

在这个例子中，HomeScreen组件通过props接收navigation对象。当用户点击按钮时，onPress事件触发navigation.navigate方法，该方法将应用程序的导航上下文传递到'DetailsScreen'。

确保你的应用程序使用了React Navigation，并且你已经正确配置了你的导航栈。如果你使用的是React Navigation 5或更高版本，你可能需要使用navigation.navigate而不是this.props.navigation.navigate。