이번 포스트에서는 Flutter 애플리케이션에서 아이콘의 크기를 조정하면서도 비율을 유지하는 방법에 대해 알아볼 것입니다.

1. AspectRatio 위젯을 사용한 방법

AspectRatio 위젯은 자식 위젯의 크기를 유지하면서 부모 위젯의 공간을 가능한 한 채워주는 위젯입니다. 다음은 AspectRatio 위젯을 사용하여 아이콘의 비율을 유지하면서 크기를 조정하는 예시 코드입니다.

AspectRatio(
  aspectRatio: 1.5,
  child: Icon(
    Icons.star,
    size: 30.0,
  ),
)

위의 예시 코드에서 AspectRatio 위젯은 자식 위젯의 크기를 1.5:1의 비율로 유지하면서, Icon 위젯을 자식으로 가지고 있습니다.

2. Transform.scale을 사용한 방법

Transform.scale 위젯은 자식 위젯의 크기를 비례적으로 조절하는 위젯입니다. 다음은 Transform.scale을 사용하여 아이콘의 비율을 유지하면서 크기를 조정하는 예시 코드입니다.

Transform.scale(
  scale: 2.0,
  child: Icon(
    Icons.star,
    size: 20.0,
  ),
)

위의 예시 코드에서 Transform.scale 위젯은 자식 위젯의 크기를 2배로 조절하면서, Icon 위젯을 자식으로 가지고 있습니다.

위의 두 가지 예시를 통해 Flutter 애플리케이션에서 아이콘을 크기를 조정하면서 비율을 유지하는 방법에 대해 알아보았습니다. 이러한 방법들을 사용하여 화면을 보다 더 화려하게 표현해보세요.