Flutter - AppBar의 Title을 왼쪽으로 정렬하고 중앙 정렬

AppBar 만들기



먼저 간단한 AppBar를 만듭니다.
코드는 다음과 같습니다.
appBar: AppBar(
  title: Text(
    "AppBar Sample",
  ),
),

다음으로 그 거동을 확인해 봅시다.
기종은 다음과 같습니다.
iOS: iPhone12ProMax
Android: sdk gphone x86 arm

행동 (왼쪽 : iOS 오른쪽 : 안드로이드)





거동의 공통화



이해해 주셨습니까?
iOS에서는 타이틀이 중앙 정렬되어 있고 Android에서는 타이틀이 왼쪽 정렬되어 있습니다.
이와 같이 위치를 지정하지 않은 초기 상태에서는 거동에 차이가 생깁니다.
이러한 동작을 공통화하기 위해 centerTitle이라는 속성을 설정합니다.
코드는 다음과 같습니다.

왼쪽 정렬


appBar: AppBar(
  centerTitle: false,  // 中央寄せを解除
  title: Text("AppBar Sample"),
),

중앙 정렬


appBar: AppBar(
  centerTitle: true,  // 中央寄せを設定
  title: Text("AppBar Sample"),
),

요약



위치를 지정하지 않은 AppBar의 Title은 iOS-Android간에 거동에 차이가 생긴다.
공통화하기 위해서는 AppBar에 centerTitle이라는 프로버티를 지정한다.

마지막으로



여기까지 봐 주셔서 감사합니다. (^^)
만약 기사의 내용에 미비가 있으면, 지적해 주시면 다행입니다!

좋은 웹페이지 즐겨찾기