앱에 이미지나 캔버스를 표시할 때, 종종 가로세로 비율을 조정해야 하는 경우가 있습니다. Flutter 에서는 AspectRatio 위젯을 사용하여 이를 쉽게 처리할 수 있습니다.

AspectRatio 위젯

AspectRatio 위젯은 자식 위젯의 가로세로 비율을 유지하면서 화면에 표시할 수 있도록 도와줍니다.

아래는 AspectRatio 위젯을 사용하는 간단한 예제입니다.

AspectRatio(
  aspectRatio: 16/9, // 원하는 가로세로 비율 지정
  child: Image.network('https://example.com/image.jpg'),
)

위 코드에서 aspectRatio 속성은 원하는 가로세로 비율을 지정하고, child 속성에는 이미지를 포함할 수 있습니다.

활용 예시

AspectRatio 위젯을 사용하면 다양한 크기와 비율의 이미지를 화면에 가득 채우거나 적절히 배치할 수 있습니다. 또한, 앱에 맞게 가로세로 비율을 조정하는 데에 유용하게 사용될 수 있습니다.

만약, 원하는 비율에 맞게 이미지를 자르기도 하고 싶다면, FittedBox 와 ClipRect 등의 위젯을 함께 사용하여 세밀한 조정이 가능합니다.

자세한 내용은 Flutter 공식 문서를 참고하시기 바랍니다.