[Flutter] Constraints 와 Center, Align 함께 사용하기

solra·2022년 3월 18일
0

constraints 사용중일 때
Center, Align 을 사용하게되면 maxHeight, maxWidth 가 자동으로 적용됩니다.

현재 높이와 너비를 유지한 상태로 하위 위젯을 정렬 하는 방법은
child 에 Column/Row 를 추가하여 mainAxisSize, mainAxisAlignment 옵션을 주면 됩니다.

//세로중앙정렬
mainAxisSize: MainAxisSize.min
mainAxisAlignment: MainAxisAlignment.center

Container(
  constraints: BoxConstraints(minHeight: 10, maxHeight: 100, minWidth: 30,maxWidth: 300),
  child: Column(
    mainAxisSize: MainAxisSize.min,
    mainAxisAlignment: MainAxisAlignment.center,
    children: ...
  ),
);
profile
현 Flutter 개발자 🥴

0개의 댓글