[flutter] 플러터 아이콘 속성 설정

18 Dec 2023

플러터(Flutter) 앱을 개발하다 보면 아이콘을 화면에 표시해야 하는 경우가 있습니다. 이를 위해 플러터에서는 아이콘 위젯을 사용하여 아이콘을 나타낼 수 있습니다. 이번 글에서는 플러터에서 아이콘을 표시하고 속성을 설정하는 방법에 대해 알아보겠습니다.

아이콘 위젯

플러터에서는 아이콘을 나타내기 위해 Icon 위젯을 제공합니다.

Icon(
  Icons.star,
  color: Colors.yellow,
  size: 50.0,
)

위의 예제 코드에서 Icons.star는 사용할 아이콘의 종류를 나타내고, color와 size는 각각 아이콘의 색상과 크기를 설정합니다. 더 자세한 속성과 사용법은 공식 문서를 참고하시기 바랍니다.

아이콘 위젯을 사용할 때 설정할 수 있는 주요 속성은 다음과 같습니다.

플러터에서는 기본적으로 다양한 아이콘을 제공하고 있습니다. Icons 클래스를 사용하면 기본 제공되는 아이콘을 쉽게 활용할 수 있습니다.

Icon(
  Icons.star,
)

color 속성을 사용하여 아이콘의 색상을 지정할 수 있습니다.

Icon(
  Icons.star,
  color: Colors.yellow,
)

size 속성을 사용하여 아이콘의 크기를 지정할 수 있습니다.

Icon(
  Icons.star,
  size: 50.0,
)

semanticLabel 속성을 사용하여 아이콘의 접근성 텍스트(사용자에게 읽혀지는 텍스트)를 설정할 수 있습니다.

Icon(
  Icons.star,
  semanticLabel: '별표',
)

기본 제공되는 아이콘 외에도, 사용자가 직접 아이콘을 만들어서 사용할 수 있습니다. 이때는 Icon 위젯 대신 Image.asset과 같은 위젯을 사용하여 이미지를 표시할 수 있습니다.

Image.asset('assets/icons/custom_icon.png')

이상으로 플러터에서 아이콘을 표시하고 속성을 설정하는 방법에 대해 알아보았습니다. 아이콘을 화면에 표시할 때는 원하는 아이콘과 속성을 잘 조합하여 사용하시면 됩니다. 더 자세한 내용은 플러터 공식 문서를 참고하시기 바랍니다.