플러터에서 아이콘을 사용할 때, 아이콘의 색상을 설정하는 것이 중요합니다. 이번에는 플러터에서 아이콘 색상을 팔레트로 지정하는 방법에 대해 알아보겠습니다.

패키지 추가

우선 플러터 프로젝트에 flutter_icons 패키지를 추가합니다. pubspec.yaml 파일에 다음과 같이 패키지를 추가합니다.

dependencies:
  flutter_icons: ^1.1.0

프로젝트 루트 디렉토리에서 터미널을 열고 다음 명령어를 실행해 패키지를 설치합니다.

flutter pub get

아이콘 색상 팔레트 지정

flutter_icons 패키지를 사용하면 아이콘의 색상을 팔레트로 지정할 수 있습니다. 먼저, pubspec.yaml 파일에서 팔레트를 정의합니다.

flutter_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/icon/app_icon.png"
  colors:
    primary_color: "#FFFFFF"
    secondary_color: "#FF0000"

위 코드에서 colors 항목을 사용하여 primary_color 및 secondary_color 값을 정의합니다.

아이콘에 색상 적용

이제 아이콘 위젯에서 해당 팔레트를 적용할 수 있습니다.

Icon(
  Icons.favorite,
  color: Theme.of(context).primaryColor, // primary_color 적용
)

Icon(
  Icons.favorite,
  color: Theme.of(context).accentColor, // secondary_color 적용
)

위 예제에서는 Icons.favorite 아이콘에 각각 primary_color와 secondary_color를 적용하고 있습니다.

이제 플러터에서 아이콘 색상을 팔레트로 지정하는 방법에 대해 알아보았습니다.

더 많은 정보는 flutter_icons 패키지 문서를 참고하세요.