如何在反应导航 v5 中将导航道具传递给子组件

Question

如何在react native中将navigation prop传递给子组件，我使用的是react navigation v5，因为我想在子组件中使用navigation.navigate('settings')。

Answer 1

您可以在子组件中使用 useNavigation。

示例（改编自文档）：

import React from 'react';
import { Button } from 'react-native';
import { useNavigation } from '@react-navigation/native';

function MyBackButton() {
  const navigation = useNavigation();

  return (
    <Button
      title="Go to Settings"
      onPress={() => {
        navigation.navigate('settings');
      }}
    />
  );
}