Flutter는 아이콘을 구현하기 위해 cupertino_icons 패키지를 제공합니다. 이 패키지에는 Apple의 아이콘 세트인 Cupertino Icons가 포함되어 있어 iOS 스타일의 아이콘을 손쉽게 사용할 수 있습니다. 이번 글에서는 cupertino_icons 패키지에서 제공하는 다양한 아이콘 샘플을 확인해 보겠습니다.

패키지 추가하기

먼저 cupertino_icons 패키지를 프로젝트에 추가해야 합니다. pubspec.yaml 파일에 아래와 같이 패키지를 추가해주세요.

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.4

그리고 Terminal을 열고 프로젝트 루트 디렉터리에서 아래 명령어를 실행하여 패키지를 설치해주세요.

$ flutter pub get

아이콘 사용하기

cupertino_icons 패키지를 추가했다면 이제 아이콘을 사용할 수 있습니다. Flutter 위젯에서 아이콘을 사용하려면 Icon 위젯을 사용하고 CupertinoIcons enum에서 제공하는 아이콘을 지정해야 합니다.

다음은 CupertinoIcons enum에서 제공하는 몇 가지 아이콘의 예시입니다.

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

class IconSample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Cupertino Icons Sample'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(CupertinoIcons.home),
            SizedBox(height: 16),
            Icon(CupertinoIcons.search),
            SizedBox(height: 16),
            Icon(CupertinoIcons.settings),
            SizedBox(height: 16),
            Icon(CupertinoIcons.bell),
            SizedBox(height: 16),
            Icon(CupertinoIcons.chat_bubble),
          ],
        ),
      ),
    );
  }
}

아이콘 샘플 확인하기

위의 코드를 실행하면 다양한 아이콘 샘플을 확인할 수 있습니다. 각 아이콘은 CupertinoIcons enum에서 제공하는 아이콘 명칭을 사용하여 Icon 위젯을 만들어 출력합니다.

실행 결과는 다음과 같습니다.

여기서는 일부 아이콘을 예시로 보여주었지만, cupertino_icons 패키지에서는 더 다양한 아이콘을 제공하고 있습니다. 자세한 내용은 공식 Github 저장소를 참고해주세요.

이렇게 Flutter의 cupertino_icons 패키지를 사용하여 다양한 아이콘을 손쉽게 활용할 수 있습니다. iOS 스타일의 아이콘을 사용하고자 한다면 cupertino_icons 패키지를 활용해보세요!