Flutter : alignment

Container와 Stack에서 alignment를 볼 수 있었다.

한편 Column과 Row에서는 alignment가 mainAxix/crossAxis와 함께 사용된다.

또, Stack에서도 Positioned와 결합될 때는 right, left, top, bottom 값을 지정해줘야 한다.

stack의 경우 children: [ ] 과 같이 사용되어

[ ]의 child들을 적층으로 쌓는 데 사용되고, EdgeInsets 등을 이용하여 위치를 잡아주는 반면,

Positioned와 함께 사용될 때는 child들의 위치를 각각 직접 right/center/left, top/center/bottom을 이용하여 지정해주게 된다. 

 

appBar는 위치가 지정되어 있는 leading(left)과 actions(right)가 있고

title은 centerTitle: true, 를 사용할 경우 중앙 정렬이 된다.

 

center를 쓸 경우 body, text 등에서 상하좌우의 정중앙에 위치를 잡아준다.