[flutter] 플러터 AspectRatio를 사용하여 비율 조정하기
플러터에서 UI를 개발할 때 화면 요소들을 정확한 비율로 조정해야 하는 경우가 있습니다. 이 때 AspectRatio 위젯을 사용하여 화면 요소의 가로 세로 비율을 설정할 수 있습니다.
AspectRatio란?
AspectRatio 위젯은 자식 위젯의 가로 세로 비율을 유지하도록 도와주는 위젯입니다. AspectRatio의 aspectRatio 속성을 사용하여 원하는 비율을 지정할 수 있습니다. 이를 통해 화면 요소를 원하는 비율로 유지하면서 유연하게 배치할 수 있습니다.
예제
다음은 AspectRatio 위젯을 사용하여 이미지를 16:9 비율로 유지하는 예제입니다.
AspectRatio(
aspectRatio: 16 / 9,
child: Image.asset('assets/image.jpg'),
)
위 예제에서 aspectRatio 속성은 16:9 비율을 나타내며, Image 위젯을 자식으로 가지고 있습니다.
결론
AspectRatio를 사용하면 화면 요소의 비율을 유지하면서 자식 위젯을 정확하게 배치할 수 있습니다. 필요에 따라서 해당 비율을 동적으로 변경하여 다양한 화면 크기에 대응할 수 있습니다.
위젯 개발 시 화면 요소의 비율을 유지하고자 할 때는 AspectRatio를 적절히 활용하여 보다 높은 수준의 사용자 경험을 제공할 수 있습니다.