• 카테고리

    질문 & 답변
  • 세부 분야

    모바일 앱 개발

  • 해결 여부

    해결됨

Nested Navigation 구조 설계에 대한 질문 드려도되나요?

24.04.29 16:31 작성 조회수 117

1

안녕하세요 강사님

강의 내에서 구성한 Nested Navigation 구조를 참고하여
무신사(musinsa)와 같은 화면 구성을 시도해 보고 있는데 navigation 구조 설계가 생각보다 어려워서 질문 드립니다.

원하는 구조는 Bottom Tab에 따라서 Topbar Screen에 해당하는 부분에 장바구니와 알림 버튼이 들어가게 하고싶은데 아래와 같은 navigation 설계로 가능한지 질문드립니다.

  • AuthStackNavigator

    • AuthHomeScreen

    • KakaoLoginScreen

    • BottomTabNavigator

      • HomeStack

        • TopbarScreen

        • HomeScreen

      • StoreStack

      • MypageStack

       

  • 질문 작성시 참고해주세요

    • 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.

    • 맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다.

       

    • 에러메세지는 일부분이 아닌 전체 상황을 올려주세요!

답변 1

답변을 작성해보세요.

0

Kyo님의 프로필

Kyo

지식공유자

2024.04.29

앱실행시 로그인은 그대로 가져가고, 여러 탭이 있는 형태로 진행하고싶으신걸까요?

강의에선 AuthStack과 MainDrawer는 로그인에따라 나눠지고, MainDrawer가 스택네비게이터들을 포함하고있는데요. MainDrawer대신 BottomTab을 사용하여 스택들로 구성하시면 될것같습니다! 다만 제가 Topbar스크린 이라는것이 살짝 이해가 안되는데 헤더 부분이 아니라 알람버튼과 장바구니버튼이 있는 별도의 스크린 인건가요?

둥둥쓰님의 프로필

둥둥쓰

질문자

2024.04.30

네 로그인 후? Bottomtab의 여러 탭 형태로 롸면을 구성하고 싶어서 시도해보고 있습니다. 헤더부분을 안쓰고 별도의 스크린으로 Topbar 스크린과 탭별로 Bottomtab 스크린을 같이 띄우는게 가능할까요? 아니면 header를 사용하고 거기에 별도 버튼을 넣어서 진행해야할까요?

Kyo님의 프로필

Kyo

지식공유자

2024.04.30

같이띄운다는게 무슨의미일까요? Topbar스크린이라는것이 단순 헤더역할이라면 별도의 컴포넌트로 구현하셔도 될것같습니다.

둥둥쓰님의 프로필

둥둥쓰

질문자

2024.04.30

Topbar 스크린은 단순 헤더 역할이긴 합니다. 이런 식으로 화면을 구성하고 싶은데 navigation 처리가 복잡해져서 쉽지가 않네요 ;;

Kyo님의 프로필

Kyo

지식공유자

2024.04.30

아하 그러면 스택스크린으로 포함하지마시고 컴포넌트로 따로 분리해서 넣어주시는게 나을것같은데요!

둥둥쓰님의 프로필

둥둥쓰

질문자

2024.04.30

아하! 그럼 Topbar 컴포넌트의 버튼을 눌렀을때 이동하는 페이지의 navigation 처리는 BottomTabNavigator가 있는 Stack 에서 진행하면 될까요?