[Flutter] 기본 디자인 관련 위젯

• AppBar 위젯 프로퍼티

  • title: AppBar에 표시될 제목
  • centerTitle: true일 경우 title을 가운데로 정렬
  • backgroundColor: app bar 색상 변경
  • elevation: (float) z축을 조절하는 값으로, 앱바가 좀 떠보이도록 할 수 있음

• Padding 위젯 프로퍼티

  • padding
    • EdgeInsets.fromLTRB : (float) 좌,우,상,하의 여백을 지정

• Column 위젯 프로퍼티

  • mainAxisAlignment : 위젯들을 새로로 정렬할 때 (상단, 중단, 하단)
    • center
    • end
    • start

위젯을 클릭한 후 해당 줄의 좌측의 노란 전구를 누른 후, Wrap with xxx를 누르면, xxx로 해당 위젯을 감쌀 수 있음.

Center위젯과 Column위젯이 만나면 Center 위젯은 Column 위젯의 자식들에 대한 세로축 위치에 대해서 관여하지 않음. 즉, Center위젯안에 Column위젯의 자식들은 아무 속성이 없을시에 가장 최상단에 위치하게됨. 이 값들도 중심에 위치하게 하고 싶다면 mainAxisAlignment가 필요함.