[Flutter] SliverAppBar with Dynamic Height(동적 높이)
2022. 6. 14. 00:08
Flutter
Flutter로 UI를 만들면서 많은 시행착오를 겪었던 동적인 높이를 가진 SliverAppBar를 구현하는 방법을 정리했다. UI 설명 기본 화면 스크롤 됐을 때 구현하고자 하는 UI는 기본적으로 Header, TabBar, TabBarView가 모두 보이다가 아래로 스크롤 하면 Header가 사라지고, 다시 위로 스크롤 하면 Header가 나타나는 구조다. 기본적인 방법 Widget build(BuildContext context) { return NestedScrollView( headerSliverBuilder: (_, __) => [ SliverAppBar(title: _Header()), _TabBar(), // SliverPersistentHeader를 이용하여 pinned를 true로 세팅..