말랑한 하루

🐇 AppBar 앱바는 BottomNavigationBar처럼 ConsumerWidget을 상속받는 Class로 구현할 수 없었다. 그 이유는 Class로 구현되는 Widget은 무엇을 반환하던 PreferredSizeWidget를 상속받지 않기 때문에, appBar의 속성에 위배된다. 그래서 AppBar의 경우, BuildContext를 매개변수로 받아 AppBar Widget을 직접 반환하는 함수로 만들어야 정상적으로 appBar에 할당이 가능하다. AppBar를 구현하려면, 내부의 모습을 이해하 고 있어야 한다. 공식문서에서 소개하는 AppBar의 형태는 다음과 같다. leading은 주로 Icon이 배치된다. Menu Icon을 통해 좌측의 Drawer를 관리하거나, Application의 Mai..

🐇 BottomAppBar 기존에 TabBar나 BottomNavigationBar 대신 자유도가 높은 BottomAppBar를 사용하였다. BottomAppBar의 주요 속성은 다음과 같다 🍒 elevation 상위 앱 바를 기준으로 이 하단 앱 바를 배치할 z 좌표입니다. 하단 앱 바 아래 그림자의 크기를 제어합니다. BottomAppBar의 child로 Row를 활용해 Tab을 직접 구현하였다. 여기서 주목해야 할 점은, GoRouter와 StaticConfigData를 활용하여 선택한 탭에 대해 사용자에게 가시적으로 보여줄 수 있는 UI를 만드는 것이다. 주요 구현은 다음과 같이 하였다. static final List mainBottomNavigationTab = [ { 'path': '/cha..