Bldev's Blog

플러터

[플러터] 플러터 위젯 UI 구성하기

2022. 7. 12.

레이아웃 구성

  1. 행 구성 (동적으로 나머지 영역 확장 위젯 + 영역 고정 위젯)

    Column(
      children: [
        Expanded(),
        SizedBox(),
      ]
    ) 
    

텍스트 구성

  1. 수직 중앙 배열, 수평 중앙 배열

TabBar

  • 아이콘과 텍스트 간격 조정: TabiconMargin 속성
  • 전체 높이 조절
    1. PreferredSize의 속성 설정 후 childTabBar 지정
    2. Tab 각각의 높이 조절
  • bottomNavigationBarchildTabBar인 경우: SizedBox의 높이 설정 후 childTabBar 지정