9. 캐릭터 페이지 디자인 1편: 위젯정리

[캐릭터 카드 페이지 만들기]

AppBar (

1. centerTitle: True (AppBar 위치 설정이며 값은 불리언으로 지정한다.)

2. backgroundColor: 배경색

3. elevation: 높이란 뜻이며 수치로 값 지정(소수점가능) 앱 바가 떠있는 간격 조절

)

 

4. body: Padding(

    padding: EdgeInset.fromLTRB(left, top, right, bottom),

      -Padding내의 padding속성 값으로 간격들을 소수점으로 지정

 

5. child: Column(

     children: <Widget>[

    Text('hello'),

    Text('hello'),

    Text('hello'),

               ],

             ) ## Padding

 

6. Column(

  mainAxisAligment: mainAxisAligment.center  추가

  가로 기준으로 항상 center이다.

 

7. mainAxisAligment 기능을 보기 위해 Padding을 잠시 지운다.

 

8. Center( 내부에 column을 감싼다.)

 

결론은 Center는 높낮이 구분 없이 오직 정중앙에 위치하게 된다.

 

mainAxisAligment: mainAxisAligment.center 적용

mainAxisAligment: mainAxisAligment.center 없이 Center만 적용