MOB.DEV/Flutter

Flutter 안드로이드 AppBar에서 타이틀 중앙 정렬하기

dev.bak 2023. 2. 24. 12:00
반응형

안녕하세요.
이번 포스팅에서는 이전에 iOS 타이틀 왼쪽 정렬하기에 이어서 안드로이드 타이틀을 중앙 정렬하는 방법에 대해서 알아보겠습니다.

Flutter 안드로이드 appBar의 타이틀은 기본 왼쪽 정렬이 되어 있습니다.

...
    return Scaffold(
      appBar: AppBar(
        title: Text(
          '테스트',
        ),
      ),
      body: Text(
        '바디',
      ),
    );
...

그렇다면 안드로이드에서 타이틀을 중앙 정렬을 하는 방법은 어떻게 하면 될까요??

이전 포스팅 iOS에서 타이틀 왼쪽 정렬하는 방법에서 마지막 부분의 appBar의 title의 Widget을 전체 너비의 Container와 그 안에 Text를 중앙 정렬로 추가를 해주면 쉽게 중앙 정렬을 할 수 있습니다.

 

Flutter iOS AppBar에서 타이틀 좌측으로 보내기

안녕하세요. 이번 포스팅에서는 AppBar에서 타이틀을 좌측으로 보내는 방법에 대해서 포스팅을 알아보겠습니다. 개인 토이 프로젝트로 Flutter를 이용해서 앱을 만들고 있는데요. 타이틀을 간단하

dev-bak.tistory.com

...
    return Scaffold(
      appBar: AppBar(
        title: Container(
          width: double.infinity,
          child: Text(
            '테스트',
            textAlign: TextAlign.center,
          ),
        ),
      ),
      body: Text(
        '바디',
      ),
    );
...

위와 같이 코드를 변경하고 확인을 하면 아래와 같이 타이틀이 중앙 정렬된 것을 볼수 있습니다.

여기까지 부족한 글을 읽어 주셔서 감사합니다.
제가 잘못 작성한 내용이나 부족한 부분이 있다면 알려주시면 보완 수정하겠습니다.

감사합니다💛

728x90
반응형