인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

총아찌짱님의 프로필 이미지

작성한 질문수

[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!

Go router 를 이용한 Nested Navigation 질문 입니다.

작성

·

133

0

Appbar 에는 progress bar 를 넣고, app bar 를 그대로 남겨둔채로 여러 페이지를 이동할 수 있는 UI 를 구현하고자 하는데, 이런 Nested Navigation 은 일반적으로 ShellRoute 를 이용해서 구현하면 되는 것이 맞는지 혹은 다른 best practice 가 있는지 궁금합니다! 선생님께서는 이런 경우에 어떤 방식을 이용하시나요?

좋은 강의 감사드립니다.

답변 2

0

총아찌짱님의 프로필 이미지
총아찌짱
질문자

답변 감사드립니다! 온보딩 화면 넘기면서 app bar 에 있는 progress bar가 조금씩 차오르는 ui 를 구현하려 했는데, 혹시 일반적으로 이런 ui 는 일반적으로 어떤식으로 구현하는지 여쭤봐도 될까요?

코드팩토리님의 프로필 이미지
코드팩토리
지식공유자

말로만 들어서는 도저히 어떤 형태인지 알 수 없을 것 같습니다.

예제 그림이나 영상을 보여주시겠어요?

총아찌짱님의 프로필 이미지
총아찌짱
질문자

image.png

이런형태 입니다! (Next 를 누르면 상단의 Progress bar 가 점점 차오름)

코드팩토리님의 프로필 이미지
코드팩토리
지식공유자

아! 그건 AppBar를 사용하셔도 되고 사용하지 않으셔도 전혀 상관이 없습니다.

꼭 넣고싶다면 AppBar에 넣으셔도 문제가 되지 않을 것 같습니다.

근데 해당 방식으로 제가 떠오르는 다른 방법 중 하나는 PageView입니다.

상태관리가 조금 더 편하고 일괄적으로 관리하면서 혹시라도 라우팅이 좀 꼬이는(?) 변수를 막을 수 있을 것 같습니다. 예) 항상 1번 문제부터 시작해야하는데 실수로 3번부터 시작 할 수 있는 문제?

감사합니다!

0

코드팩토리님의 프로필 이미지
코드팩토리
지식공유자

안녕하세요!

말씀하신 기능을 구현한다면 ShellRoute가 적합할걸로 생각됩니다.

하지만 말씀하신 형태로 구현된 UI는 처음 들어보네요.

어떤 모습일지 상상이 안갑니다.

감사합니다!