[Flutter] AppBar title center 로 맞춰주기

 

아이폰에서는 AppBar title 이 중앙정렬이 되어서 나온다. 
하지만 android 에서는 AppBar title이 좌측정렬로 되어서 나온다. 

Flutter Text 에서 사용하는 textAlign을 사용하면 가운데 정렬이 되는줄 알았는데.. 
이건 제가 생각하는대로 정렬이 가운데 정렬이 되지가 않더군요. 

이 부분을 해결하는 방법을 포스팅을 합니다.

 home: Scaffold(
        appBar: AppBar(
          centerTitle: true, <= 이것을 추가해주시면 됩니다. 
          title:  Text('${Get.parameters['mainTitle']}',
          ),
          automaticallyImplyLeading: true,
          leading: IconButton(
            icon: const Icon(Icons.arrow_back_ios),
            onPressed: (){
              Get.back();
            },
          ),
        ),

반응형

위의 소스 코드에서 centerTitle: true 를 추가하시면 AppBar title이 중앙정렬이 됩니다.
매일 하루에 한개씩 예제를 만들고 실행을 시켜봐야 Flutter도 잊지 않을 것 같습니다.

안드로이드에서도 정상적으로 잘 나오네요 ㅎㅎ