Nested Navigation 구조 설계에 대한 질문 드려도되나요?
안녕하세요 강사님
강의 내에서 구성한 Nested Navigation 구조를 참고하여
무신사(musinsa)와 같은 화면 구성을 시도해 보고 있는데 navigation 구조 설계가 생각보다 어려워서 질문 드립니다.
원하는 구조는 Bottom Tab에 따라서 Topbar Screen에 해당하는 부분에 장바구니와 알림 버튼이 들어가게 하고싶은데 아래와 같은 navigation 설계로 가능한지 질문드립니다.
AuthStackNavigator
AuthHomeScreen
KakaoLoginScreen
BottomTabNavigator
HomeStack
TopbarScreen
HomeScreen
StoreStack
MypageStack
❗질문 작성시 참고해주세요
최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.
맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다.
에러메세지는 일부분이 아닌 전체 상황을 올려주세요!
답변 1
0
앱실행시 로그인은 그대로 가져가고, 여러 탭이 있는 형태로 진행하고싶으신걸까요?
강의에선 AuthStack과 MainDrawer는 로그인에따라 나눠지고, MainDrawer가 스택네비게이터들을 포함하고있는데요. MainDrawer대신 BottomTab을 사용하여 스택들로 구성하시면 될것같습니다! 다만 제가 Topbar스크린 이라는것이 살짝 이해가 안되는데 헤더 부분이 아니라 알람버튼과 장바구니버튼이 있는 별도의 스크린 인건가요?
0
네 로그인 후? Bottomtab의 여러 탭 형태로 롸면을 구성하고 싶어서 시도해보고 있습니다. 헤더부분을 안쓰고 별도의 스크린으로 Topbar 스크린과 탭별로 Bottomtab 스크린을 같이 띄우는게 가능할까요? 아니면 header를 사용하고 거기에 별도 버튼을 넣어서 진행해야할까요?
0
아하! 그럼 Topbar 컴포넌트의 버튼을 눌렀을때 이동하는 페이지의 navigation 처리는 BottomTabNavigator가 있는 Stack 에서 진행하면 될까요?
디바이스 별 다른 크기의 화면을 고려하는 반응형UI
0
52
2
react-native-screens 버전 호환 문제
3
178
1
안드로이드 실행 중 Drawer네비게이션과 MapView 성능 문제
0
132
2
해당 강의 부분은 실제 활용하기에 부족해 제가 해결한 방법입니다.
0
113
1
소스코드가 강의 순서랑 다른가요?
0
86
2
현재 Windows에서 VsCode로 작업 중인데 추후에 IOS도 가능하게 하려면
0
128
2
react-native-fast-image는 react 19 버전에서 설치가 안되나요?
0
224
2
SQL Shell의 역할이 무엇인가요?
0
100
1
혹시 해당 강의에서invalidateQueries를 사용한 이유가 있을까요?
0
82
2
빠르게 실행해보고싶습니다.
0
91
1
강의 수강 순서 관련
0
84
1
애뮬레이터 실행 방법
0
114
2
무료 Apple ID로 실기기 테스트 가능한가요?
0
104
2
ios 실기기 연결
0
79
2
npm run ios에러
0
87
1
10월 삭제 예정인 강의는 이유를 알 수 있을까요?
0
110
1
캘린더 개발 후에 navigation 에 대해서 궁금한 점이 있습니다.
0
60
1
안드로이드 위치 권한 이슈 2가지 문의
0
82
1
지도가 보이려면 음.. 작성해주신 스타일과 다르게
0
80
0
제대로 설치한거같은데 안드로이드랑 ios 둘다 앱실행이 안되는것같아요
0
98
3
강의 내용을 보면 전체적으로 function 함수 키워드를 사용하시는데
0
75
2
강의 3-9 에서 useGetRefreshToken 훅 안에 즉시 함수로 처리하는 이유가 궁금합니다!
0
88
2
사내에서 figma.com 업로드 안되나요?
0
105
1
AWS EC2 + RDS 설정
0
95
2