[flutter] AspectRatio의 비율을 조정하는 방법 배우기

AspectRatio 위젯은 자식 위젯의 가로 세로 비율을 조정할 수 있는 Flutter 위젯입니다. 이 위젯을 사용하여 앱의 레이아웃을 만들 때 이미지나 비디오 등의 비율을 조정할 수 있습니다.

이번 게시물에서는 AspectRatio 위젯을 사용하여 원하는 비율을 조정하는 방법에 대해 알아보겠습니다.

AspectRatio의 기본 구조

AspectRatio 위젯은 다음과 같은 구조를 갖습니다.

AspectRatio(
  aspectRatio: 16/9,
  child: Container(
    color: Colors.blue,
  ),
)

여기서 aspectRatio 속성을 사용하여 가로 세로 비율을 지정할 수 있습니다. 위 예제에서는 16:9 비율로 설정되어 있습니다.

AspectRatio의 활용

AspectRatio 위젯을 사용하여 미디어 컨텐츠를 표시하는 예제를 살펴보겠습니다.

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

위 예제에서는 AspectRatio를 사용하여 이미지의 가로 세로 비율을 3:2로 조정하고 있습니다.

결론

AspectRatio 위젯을 사용하면 미디어 콘텐츠의 비율을 쉽게 조정할 수 있습니다. 자세한 내용은 Flutter 공식 문서를 참고하세요.

이상으로 AspectRatio 위젯을 활용하여 원하는 비율을 조정하는 방법에 대해 알아보았습니다. 감사합니다!