카테고리 없음

[React Native] 페이지 이동시 뒤로가기 버튼이 없어질 때

sunjungAn 2022. 10. 9. 17:02

이전에 썼던 글의 연장선..

https://sunjung.tistory.com/52

 

[React Native Navigator] 다른 스택네비게이터의 자식 페이지로 페이지 이동하기

Nesting Navigators <상황> 아래 navigator가 있다고 했을 때, StackNavigator 1의 Screen A에서 StackNavigator2의 Screen D로 이동하고 싶다! StackNavigator 1 - Screen A - Screen B StackNavigator 2 - Scree..

sunjung.tistory.com

 

navigation.navigate('StackNavigator2', {screen: 'Screen C',  params: userName});

Screen C가 만약 StackNavigator2의 가장 첫 화면이 아닐 때는 뒤로 가기 버튼으로 이전의 창으로 돌아갈 수 있었다. 

하지만 위와 같이 작성해서 다른 스택네비게이터에서 이동되었을 때는 Screen C가 가장 첫 화면처럼 나타나서 뒤로 가기가 되지 않는다. 

 

 

이럴 때는 initial: false라는 인자를 추가해주면 쉽게 해결이 가능하다. 

navigation.navigate('StackNavigator2', {screen: 'Screen C',  params: userName, initial: flase});

얘 첫화면 아니야 ㅠㅠ 뒤로가기 돌려줘,, 라는 느낌..