본문 바로가기
TIL

[TIL] Bottom Navigator Bar

by chengzior 2024. 12. 9.
class HomePage extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: HomeIndexedStack(),
      bottomNavigationBar: HomeBottomNavigationBar(),
    );
  }
}

바텀 네비게이터 바 위젯 구현시 홈 화면에서는 HomeIndexStack을 통해
사용자가 선택한 탭을 보여주도록 한다. 

class HomeIndexedStack extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Consumer(
      builder: (context, ref, child) {
        final currentIndex = ref.watch(homeBottomModel);
        return IndexedStack(
          index: currentIndex,
          children: [
            HomeTab(),
            BookMarkTap(),
          ],
        );
      },
    );
  }
}

인덱스 스택은 홈바텀 모델을 구독하고 있다가 상태가 바뀌면 바꿔준다.

 

 

'TIL' 카테고리의 다른 글

팀프로젝트 : 위치기반 채팅앱  (0) 2024.12.11
[TIL] 알고리즘 - 검색 제안 시스템  (0) 2024.12.10
[트러블슈팅] 지역 검색 앱  (0) 2024.12.06
[TIL] Flutter - RiverPod 사용법  (1) 2024.12.05
[TIL] Swagger  (0) 2024.12.04