[flutter] 플러터 앱바(AppBar)의 제목(title) 가운데 정렬 하기 / 앱바 아이콘 및 제목 검정색으로 설정하기 / AppBar 배경 흰색으로 설정하기

플러터 앱바(AppBar)의 제목(title) 가운데 정렬 하기 / 제목 검정색으로 설정하기 / AppBar 배경 흰색으로 설정하기

 

아래는 AppBar 배경을 흰색으로 설정하고, 글자 색을 검정으로 한 뒤 가운데 정렬한 코드이다.

appBar: AppBar(
        centerTitle: true,
        elevation: 5,
        iconTheme: IconThemeData(color: Colors.black),
        title: Text("설정",
          style: TextStyle(color: Colors.black), ),
        backgroundColor: Colors.white,
        
      ),

특히 아이콘을 검정으로 하는 코드는 아래와 같다.

iconTheme: IconThemeData(color: Colors.black),

 

반응형

 

아이콘 테마 데이터(IconThemeData) 내에 색깔 속성을 검정으로 바꾸어주면 된다.

제목을 가운데 정렬을 하기 위해서는 centerTitle 속성을 true로 해준다.

centerTitle : true

그러면 아래와 같이 '설정' 타이틀이 가운데로 옮겨진다. 뒤로 버튼은 제목에 속하지 않으니 가운데 정렬이 딱히 되지 않는다.

 

 

---

오류, 질문이 있으면 댓글달아주세요

구독은 항상 환영입니다 :)

---