[flutter] AspectRatio를 사용하여 이미지 비율 조정하기

Flutter 앱을 개발하다보면 이미지를 특정 비율로 표시해야 하는 경우가 있습니다. AspectRatio 위젯을 사용하면 이미지의 가로 세로 비율을 손쉽게 조정할 수 있습니다.

AspectRatio란?

AspectRatio 위젯은 자식 위젯을 특정 비율로 렌더링할 수 있게 해주는 Flutter 위젯입니다. 이를 통해 화면에 이미지를 보기 좋게 표시할 수 있습니다.

AspectRatio 사용하기

다음은 AspectRatio를 사용하여 이미지를 16:9 비율로 표시하는 예제 코드입니다.

AspectRatio(
  aspectRatio: 16/9,
  child: Image.network('https://example.com/image.jpg'),
)

위 코드에서 aspectRatio 속성은 가로 세로 비율을 지정하며, child 속성에는 표시할 이미지를 지정합니다.

이렇게하면 해당 이미지가 지정한 비율에 맞춰 표시됩니다.

마무리

AspectRatio를 사용하여 이미지를 원하는 비율로 표시하는 방법에 대해 알아봤습니다. 이를 통해 Flutter 앱에서 더 나은 사용자 경험을 제공할 수 있습니다.

더 많은 정보를 원하시면 Flutter 공식 문서를 참고하시기 바랍니다.