Layout(2)
-
[Flutter / 플러터] 레이아웃 정렬하기 (MainAxisAlignment)
1. Aligning Widget - 플러터 레이아웃을 짜는데 가장 흔하게 사용되는 Api 중 하나이다. - 그중 MainAxisAlignment 를 알아보도록 하겠다. - MainAxisAlignment 의 Enum(종류) Enum(상수값) Row(행) Column(열) center 가로축 기준 중앙정렬 세로축 기준 중앙정렬 end 가로축 기준 우측정렬 세로축 기준 하단정렬 start 가로축 기준 좌측정렬 세로축 기준 상단정렬 spaceAround 첫 번째와 마지막 child 앞뒤에 여유공간을 나머지 child와 공간의 절반만큼 배치 spaceBetween child widget을 시작과 끝에 배치, 시작과 끝 widget 사이 공간은 균등하게 배치 spaceEvenly child widget 사이의 ..
2022.05.03 -
[Flutter / 플러터] 레이아웃 정렬하기 (CrossAxisAlignment)
1. Aligning Widget - 플러터 레이아웃을 짜는데 가장 흔하게 사용되는 Api 중 하나이다. - 오늘은 그중 CrossAxisAlignment 를 먼저 알아보도록 하겠다. - CrossAxisAlignment 의 Enum(종류) Enum(상수값) Row(행) Column(열) center 가로축 기준 중앙정렬 세로축 기준 중앙정렬 end 가로축 기준 하단정렬 세로축 기준 우측정렬 start 가로축 기준 상단정렬 세로축 기준 좌측정렬 stretch child widget의 height을 꽉채운다 child widget의 width를 꽉채운다 2. Row 세로 정렬 방법 - CrossAxisAlignment.start - CrossAxisAlignment.center - CrossAxisAlig..
2022.05.03