더북(TheBook)

코드를 다음과 같이 변경해보세요. 그리고 앱을 완전히 리로딩(iOS에서는 + R, 안드로이드에서는 R을 두 번)해 네이티브 스택 내비게이터를 초기화한 후 Detail 화면에 들어가서 다음 버튼을 눌러보세요.

screens/DetailScreen.js

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

function DetailScreen({route, navigation}) {
  return (
    <View style={styles.block}>
      <Text style={styles.text}>id: {route.params.id}</Text>
      <Button
        title="다음"
        onPress={() => navigation.navigate('Detail', {id: route.params.id + 1})}
      />
    </View>
  );
}

(...)

이제 다음 버튼을 눌렀을 때 화면 전환 효과가 나타나지 않고, 다음 버튼을 여러 번 눌러도 뒤로가기 한 번이면 바로 Home 화면으로 이동할 것입니다.

참고로 navigate 함수는 지금 사용하고 있는 네이티브 스택 내비게이터 외에 다른 내비게이터(추후 배울 것입니다)에도 있지만, push 함수는 네이티브 스택 내비게이터에서만 사용 가능합니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.