AspectRatio 위젯

AspectRatio 위젯은 자식 위젯을 지정된 비율로 크기 조정하는 데 사용됩니다. AspectRatio는 aspectRatio 속성을 사용하여 가로와 세로 비율을 지정합니다.

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

위 예제는 너비와 높이의 비율을 16:9로 설정하여 파란색의 정사각형을 그립니다.

썸네일 뷰에 AspectRatio 적용하기

이미지나 비디오 썸네일을 표시하기 위해 AspectRatio를 사용하는 예시를 살펴보겠습니다.

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

위 코드에서 Image.network를 사용하여 원격 이미지를 가져와 썸네일 뷰의 비율을 16:9로 조정합니다. AspectRatio 위젯을 사용하면 화면이 다양한 크기에 맞게 이미지를 비율에 맞게 자동으로 조정할 수 있습니다.

요약

AspectRatio 위젯은 Flutter에서 위젯의 비율을 조정하는 데 사용됩니다. 썸네일 뷰를 표시할 때 특정 비율을 유지하려면 AspectRatio를 활용할 수 있습니다. 이를 통해 다양한 기기에서 일관된 사용자 경험을 제공할 수 있습니다.

이렇게 AspectRatio를 활용하여 썸네일 뷰의 비율을 조정하는 방법에 대해 살펴보았습니다. AspectRatio를 적재적소에 활용하여 앱의 UI를 보다 멋지게 표현해 보시기 바랍니다.