데브허브 | DEVHUB | How to Build a Bottom Navigation Bar with Nested Routes Using Flutter Go Router
Go Router 패키지를 사용하여 Flutter 앱에서 중첩된 경로가 있는 세련된 하단 탐색 모음을 구현하는 방법을 알아보세요.
이 튜토리얼에서는 다음 내용을 다룹니다.
프로젝트에 Go Router 설정하기
하단 탐색 모음 레이아웃 만들기
각 탭에 대한 중첩된 경로 구현하기
탐색 상태 및 딥 링크 처리하기
앱의 탐색 구조를 개선하려는 Flutter 개발자에게 적합합니다. 몇 분 만에 전문적이고 확장 가능한 탐색 시스템을 구축하는 코드를 작성해 보세요!
타임라인
00:00 소개
00:06 Go Router 설치
00:10 Go Router 인스턴스 만들기
00:26 StatefulShellRoute 사용
00:58 레이아웃 스캐폴드 만들기
01:22 하단 탐색 모음 추가하기
02:05 라우터에 브랜치 추가하기
02:32 Go Router 인스턴스 초기화하기
02:51 중첩된 셸 경로 추가하기
03:42 중첩된 셸 경로에 데이터 전달하기
앱이나 웹사이트가 필요하신가요?
👉지금 전화 예약: https://calendly.com/d/cqqg-njs-988
참고:
👉 12주 Flutter 교육 참여: https://heyflutter.com
👉 소스 코드 확인: https://github.com/HeyFlutter-Public/...
👉 WhatsApp 채널에 가입하여 Flutter 및 HeyFlutter에 대한 최신 소식을 받아보세요: https://www.whatsapp.com/channel/0029...