5.2.2 스크린 이동하기

이제 버튼을 눌렀을 때 다른 화면으로 이동하는 방법을 알아봅시다. 스크린으로 사용된 컴포넌트는 navigation이라는 객체를 Props로 받아올 수 있습니다. 이 객체를 사용해 다음과 같이 다른 화면으로 이동할 수 있습니다.

navigation.navigate('Detail')

HomeScreen 컴포넌트를 다음과 같이 수정해보세요.

screens/HomeScreen.js

import React from 'react';
import {View, Button} from 'react-native';

function HomeScreen({navigation}) {
  return (
    <View>
      <Button
        title="Detail 열기"
        onPress={() => navigation.navigate('Detail')}
      />
    </View>
  );
}

export default HomeScreen;