[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_fill
은 cupertino_icons
패키지에서 제공되는 기본 아이콘입니다. color
속성을 사용하여 아이콘의 색상을 커스텀하고, size
속성을 사용하여 아이콘의 크기를 조정하였습니다.
참고 자료
cupertino_icons
패키지: https://pub.dev/packages/cupertino_icons- Flutter 아이콘 사용 가이드: https://flutter.dev/docs/development/ui/icons
- Flutter 커스텀 아이콘 생성 가이드: https://flutter.dev/docs/development/ui/custom-icons