플러터에서 아이콘의 크기를 자동으로 조절하는 방법에 대해 알아보겠습니다.

1. Icon 위젯의 size 속성 사용

Icon(
  Icons.star,
  size: 50,
)

위와 같이 Icon 위젯의 size 속성을 사용하여 아이콘의 크기를 직접 지정할 수 있습니다. 이 방법은 고정된 크기의 아이콘을 사용할 때 유용합니다.

2. MediaQuery를 이용한 동적 크기 조절

Icon(
  Icons.star,
  size: MediaQuery.of(context).size.width * 0.1,
)

MediaQuery를 이용하면 디바이스 화면의 크기에 따라 아이콘의 크기를 조절할 수 있습니다. 화면 너비의 일정 비율을 곱하여 아이콘의 크기를 동적으로 조절할 수 있습니다.

3. 테마를 이용한 크기 조절

Icon(
  Icons.star,
  size: Theme.of(context).iconTheme.size,
)

앱의 테마에 따라 설정된 아이콘 크기를 사용하는 방법입니다. 앱의 테마를 설정하여 일괄적으로 아이콘의 크기를 조절할 수 있습니다.

플러터에서는 위와 같은 방법을 사용하여 아이콘의 크기를 자동으로 조절할 수 있습니다. 다양한 방법을 활용하여 앱의 디자인에 적합한 아이콘 크기를 설정할 수 있습니다.

이상으로 플러터에서 아이콘 크기를 자동으로 조절하는 방법에 대해 알아보았습니다.

Reference:

• Flutter Icon class
• Flutter MediaQuery class
• Flutter ThemeData class