두 번째 방법은 OpenDetailButton에 Props로 navigation 객체를 바로 넘겨주는 것입니다.

screens/HomeScreen.js

(...)

function OpenDetailButton({navigation}) {
  return (
    <Button
      title="Detail 1 열기"
      onPress={() => navigation.push('Detail', {id: 1})}
    />
  );
}

function HomeScreen({navigation}) {
  return (
    <View>
      <Text>Home</Text>
        <OpenDetailButton navigation={navigation} />
    </View>
  );
}

세 번째 방법은 useNavigation이라는 Hook을 사용하는 것입니다. 이 방법을 좀더 자세히 살펴볼까요?