코드를 다음과 같이 변경해보세요. 그리고 앱을 완전히 리로딩(iOS에서는 + R, 안드로이드에서는 R을 두 번)해 네이티브 스택 내비게이터를 초기화한 후 Detail 화면에 들어가서 다음 버튼을 눌러보세요.
screens/DetailScreen.js
import React from 'react'; import {View, Text, StyleSheet, Button} from 'react-native'; function ({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 함수는 네이티브 스택 내비게이터에서만 사용 가능합니다.