# stackNavigation

jinyinshu

**들어가기 insta에서 사용되는 page들의 nav를 마지막으로 정리함. nav에 nav가 들어가고 복잡하지만, 집중해서 머릿속에 깔끔하게 정리할 것. LoggedOutNav는 정리에서 생략함. ** loggedInNav.js SharedStackNav.js TabsNav.js UploadNav.js 1. loggedInNav.js 기본적으로 StackNav Screen에 TabsNav(Nav), UploadNav(Nav), UploadForm(Screen) 3개를 Stack으로 배치함. ~ 2.TabsNav.js sharedStackNav와 같이 봐야 이해가 되는 Nav임. 하단의 5개의 tab을 클릭하게 되면, StackNav로 넘어가서 클릭된 tab과 sharedStackNav에 있는 Profile, Photo, Comments, Likes와 Stack으로 쌓이는 구졸호 설정됨. ~ 3. sharedStackNa

jinyinshu

**들어가기 bottomTabNavigation에서 bottomTab에 있는 page들이 모두 공유해야 되는 stack으로 쌓일 수 있는, 쌓여야 하는 page들이 있을 것이다. 예를들어, userprofile화면이나, photo화면등은 어디에서 클릭을 해도 그 page로 이동 가능해야 할 것이다. 이번 장에서는 bottomTab의 page들이 stack으로 여러page를 공유하는 방법을 알아보자. ** 1. navigator/LoggedInNav.js ~ bottomTab에서는 총 5개의 page가 있다( feed, search, me, camera, notification) 이 4개의 page가(camera screen은 제외) profile, photo, comments, likes 5개의 page를 stack으로 공유하게 만든다. 2. navigator/SharedStakNav.js ~ 오늘도 힘내자!!!!!!!!!

jinyinshu

**들어가기 reactNative의 화면이동의 기본이 되는 reactNavigation을 설명함. login됬을떄의 navigation과 logOut됬을때의 navigation을 두개로 나누어 만듬. 문법이 언제 바뀔지 모르니 항상 공식문서를 참조할 것 ** https://reactnavigation.org/docs/getting-started/ npm install @react-navigation/native expo install react-native-screens react-native-safe-area-context 1. stack Navigation https://reactnavigation.org/docs/stack-navigator -공식문서에 screenOptions가 잘 나와있음. npm install @react-navigation/stack expo install react-native-gesture-handler navigators/Logg