Flutter 앱에서 카드 레이아웃을 디자인하는 중에 AspectRatio 위젯을 사용하여 레이아웃의 비율을 조정할 수 있습니다. 이 포스트에서는 AspectRatio를 사용하여 카드 레이아웃의 비율을 설정하는 방법을 살펴봅니다.

AspectRatio란?

AspectRatio 위젯은 자식 위젯의 크기를 미리 정의된 비율로 유지하도록 도와줍니다. 이를 통해 디바이스의 크기가 변경되더라도 레이아웃이 일정한 비율을 유지할 수 있습니다. 일반적으로 화면에 보여지는 이미지나 동영상과 같이 비율이 중요한 요소들을 다룰 때 사용됩니다.

AspectRatio 사용하기

다음은 AspectRatio를 사용하여 카드 레이아웃의 비율을 조정하는 간단한 예제 코드입니다.

Card(
  child: AspectRatio(
    aspectRatio: 16/9,
    child: Image.network('https://via.placeholder.com/160'),
  ),
)

위 코드에서는 AspectRatio 위젯을 사용하여 16:9의 비율을 유지하는 카드를 만들었습니다. aspectRatio 속성을 사용하여 원하는 가로 세로 비율을 지정할 수 있습니다.

이제 AspectRatio를 사용하여 카드 레이아웃의 비율을 손쉽게 조정할 수 있게 되었습니다. AspectRatio 위젯을 활용하여 더욱 간편하고 일관된 레이아웃을 만들어 보세요.

더 많은 정보를 원하신다면 Flutter 공식 문서를 참고해보세요.

이상으로 AspectRatio를 사용하여 카드 레이아웃의 비율을 조정하는 방법에 대해 알아보았습니다.