Flutter는 다양한 기능을 제공하는 다국적 플랫폼을 위한 개발 키트입니다. Flutter에서는 다양한 아이콘을 사용할 수 있는데, 그 중 하나가 cupertino_icons 패키지입니다. 이 패키지는 iOS의 아이콘 디자인을 따르는 아이콘 세트를 제공합니다.

이번 포스트에서는 cupertino_icons 패키지를 설치하고, 이를 사용하여 아이콘을 화면에 표시하는 예시를 살펴보겠습니다.

1. cupertino_icons 패키지 설치

먼저, Flutter 프로젝트에서 cupertino_icons 패키지를 사용하기 위해 pubspec.yaml 파일을 열고 아래와 같이 패키지를 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.0

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

2. cupertino_icons 패키지를 사용하여 아이콘 표시

이제, cupertino_icons 패키지를 사용하여 아이콘을 화면에 표시해보겠습니다. 아래는 간단한 예시 코드입니다.

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Icon Example'),
        ),
        body: Center(
          child: Icon(
            CupertinoIcons.heart,
            size: 50,
            color: Colors.red,
          ),
        ),
      ),
    );
  }
}

위 코드에서 CupertinoIcons.heart는 cupertino_icons 패키지에서 제공하는 하트 아이콘을 나타냅니다. 이 아이콘을 화면에 표시하기 위해 Icon 위젯을 사용하고, size와 color 속성을 통해 크기와 색상을 지정할 수 있습니다.

위 코드를 실행하면, 앱 바에 ‘Icon Example’라는 제목을 가진 앱이 나타납니다. 화면 중앙에는 크기가 50이고 빨간색인 하트 아이콘이 표시됩니다.

추가 정보

• cupertino_icons 패키지 문서
• Flutter 아이콘 가이드