Как передать опору навигации дочернему компоненту в React Navigation v5

Question

Как передать опору навигации дочернему компоненту в react native, я использую 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');
      }}
    />
  );
}