Flutter에서 AspectRatio 위젯은 비율을 유지하기 위해 자식 위젯의 크기를 조절하는 데 사용됩니다. 이 포스트에서는 AspectRatio 위젯의 주요 속성과 옵션에 대해 자세히 설명하겠습니다.

1. AspectRatio 위젯
2. 속성
   • aspectRatio
   • child
3. 예시
4. 결론

AspectRatio 위젯

AspectRatio 위젯은 부모가 가용 공간을 제공하는 동안 자식 위젯의 크기를 비율에 따라 조절합니다. 따라서 부모 위젯의 크기 변화에 따라 자식 위젯은 항상 일정한 비율을 유지합니다.

속성

aspectRatio 속성

aspectRatio 속성은 자식 위젯의 가로 및 세로 비율을 정의합니다. 이 값은 다음과 같이 설정됩니다.

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

child 속성

child 속성은 AspectRatio 위젯의 자식 위젯을 나타냅니다. 이 자식 위젯은 AspectRatio 위젯의 비율에 따라 크기가 조절됩니다.

예시

다음은 AspectRatio 위젯과 함께 사용될 수 있는 간단한 예시입니다.

AspectRatio(
  aspectRatio: 3/2,
  child: Image.asset('assets/image.jpg'),
)

이 예시에서 Image 위젯은 AspectRatio 위젯의 비율에 맞게 크기가 조절됩니다.

결론

AspectRatio 위젯은 Flutter 앱에서 비율을 유지하면서 자식 위젯의 크기를 조절하는 데 유용하게 사용됩니다. aspectRatio 및 child 속성을 함께 사용하여 원하는 비율을 정의하고 해당 비율을 유지하는 자식 위젯을 나타낼 수 있습니다.

이상으로 AspectRatio 위젯의 속성과 옵션에 대한 설명을 마치겠습니다. 부가적인 정보가 필요하다면 Flutter 공식 문서를 참고해주세요.