Flutter Basic

- Row, Column, Flex의 하위에 사용하면 공간을 채우기 위한 클래스 주축을 따라 사용 가능한 공간을 채루며 하위 자식이 여러 개일땐 flex factor에 따라 공간을 나눠 사용함 예제 1. Column을 이용해 새로로 나열 Container는 정해진 height로 보여주고 가운데 expand 클래스가 나머지 자리를 채운다 예제 2. Row...

- UI 사이즈를 상대적으로 세팅할 때 사용 (예: 가로 길이의 70%, 공백이 위젯의 10%) widthFacot, heightFactor를 사용한다 (0~1) 예제 1. 화면 가로, 세로의 50% 크기로 UI 그림

AspectRatio 자식 위젯을 특정한 비율로 만드는 클래스 aspectRatio에 비율 값(분수, 소수로 표현)을 적고, child 위젯을 설정하면 끝 ex) 3/2 너비 3 높이 2 == 1.5 너비가 높이의 1.5배 [그림 1] 16:9 [그림 2] 3.0 > 츨처 - https://api.flutter.dev/flutter/widgets/Asp...

FittedBox 내의 컨텐츠를 FittedBox 부모 사이즈에 맞출 때 사용 Sample code Option BoxFit.none: 이미지를 리사이즈 하지 않음 BoxFit.contain: 가로, 세로 중 한쪽으로 가능한 한 크게 표시 BoxFit.cover: 지정한 영역을 비율에 맞게 꽉 채움 BoxFit.fillWidget: 넓이에 맞게 확대 또...