[flutter] cupertino_icons를 사용하여 앱에 고유한 아이콘 추가하기

30 Nov 2023

본 문서에서는 Flutter 프레임워크의 cupertino_icons 패키지를 사용하여 앱에 고유한 아이콘을 추가하는 방법을 안내합니다.

Flutter는 다양한 아이콘을 제공하며, cupertino_icons 패키지는 iOS 스타일의 아이콘 세트를 제공합니다. 이 패키지를 사용하면 앱에 아름답고 통일된 아이콘을 쉽게 추가할 수 있습니다.

1. 의존성 추가하기

먼저, pubspec.yaml 파일에서 cupertino_icons 패키지를 의존성에 추가해야 합니다. 아래와 같이 dependencies 섹션에 패키지를 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.2

패키지를 추가한 뒤에는 터미널에서 flutter pub get 명령어를 실행하여 패키지를 설치합니다.

이제 cupertino_icons 패키지를 사용하여 앱에 고유한 아이콘을 추가할 수 있습니다. 먼저, import 문을 통해 패키지를 가져옵니다.

import 'package:flutter/cupertino.dart';

그런 다음, Icon 위젯을 사용하여 원하는 아이콘을 추가할 수 있습니다. CupertinoIcons 클래스에는 다양한 아이콘을 위한 상수가 정의되어 있습니다.

Icon(CupertinoIcons.heart)

위와 같이 Icon 위젯에 CupertinoIcons 클래스의 상수를 전달하면 해당 아이콘이 화면에 표시됩니다.

cupertino_icons 패키지를 사용하면 추가한 아이콘의 색상 및 크기를 조정할 수 있습니다. Icon 위젯의 color 속성을 사용하여 아이콘의 색상을 변경할 수 있습니다.

Icon(CupertinoIcons.heart, color: Colors.red)

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

Icon(CupertinoIcons.heart, size: 40)

이제 cupertino_icons 패키지를 사용하여 Flutter 앱에 고유한 아이콘을 추가하는 방법을 배웠습니다. 이 패키지를 활용하여 앱의 디자인을 향상시킬 수 있으며, iOS 스타일의 아이콘을 쉽게 사용할 수 있습니다.

더 많은 아이콘을 확인하려면 cupertino_icons 패키지 페이지를 참조하시기 바랍니다.