본문 바로가기

CS/Flutter | Dart

Tab bar, DefaultTabController, Bottom Navigation Bar

tabs.dart
basic_appbar_tabbar_screen.dart

DefaultTabController() 사용시 Controller없이 Controller 사용 가능하다

 

 

 

 

basic_appbar_tabbar_screen.dart

 

 

 

일반적으로 탭바 사용하는 상황에서는 DefaultTabController()로 Controller를 자동으로 구현하는 방식보다는

Controller를 직접 넣어서 제어하는 상황이 훨씬 잦다

 

 

 

tab controller를 직접 구현할 때의 장점

: 좀 더 자유도 높게 tab 구현 가능하다

appbar_using_controller.dart

파란색 블럭은 이전 예제와 같은 스타일링 부분이다

appbar_using_controller.dart

 

 

 

 

 

 

 

Bottom Navigation Bar

btm_navi_bar.dart

 

 

 

 

'CS > Flutter | Dart' 카테고리의 다른 글

Pagination  (0) 2023.09.16
Session, Token, JWT, Access Token, Refresh Token  (0) 2023.09.15
미세먼지 측정 앱 #2 - Hive  (19) 2023.09.07
SQL, NoSQL, Hive  (7) 2023.08.31
HTTP, REST API, RESTful API  (2) 2023.08.29

Tiny Star