[flutter] cupertino_icons 패키지를 통해 생성된 아이콘의 커스터마이징 예시

cupertino_icons 패키지는 iOS 스타일의 아이콘을 제공하기 위한 플러터 패키지입니다. 이 패키지를 사용하면 iOS 디자인 파트너로부터 제공받은 아이콘을 앱에 손쉽게 적용할 수 있습니다.

하지만 때로는 기본 제공되는 아이콘을 그대로 사용하지 않고 커스터마이징하고 싶을 때가 있습니다. 이번 예시에서는 cupertino_icons 패키지에서 생성된 아이콘을 커스터마이징하는 방법에 대해 알아보겠습니다.

예시

다음은 cupertino_icons 패키지에서 생성된 아이콘 중 하나인 “heart” 아이콘을 커스터마이징하는 예시입니다:

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class CustomizedHeartIcon extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Icon(
      CupertinoIcons.heart_fill, // 기본 아이콘 사용
      color: Colors.red, // 커스텀 색상 적용
      size: 32.0, // 커스텀 크기 적용
    );
  }
}

위의 코드에서는 Icon 위젯을 사용하여 “heart” 아이콘을 생성합니다. CupertinoIcons.heart_fillcupertino_icons 패키지에서 제공되는 기본 아이콘입니다. color 속성을 사용하여 아이콘의 색상을 커스텀하고, size 속성을 사용하여 아이콘의 크기를 조정하였습니다.

참고 자료