플러터는 아이콘을 쉽게 사용하도록 Cupertino Icons 라이브러리를 제공합니다. 이 라이브러리를 사용하여 iOS 스타일의 아이콘을 앱에 추가할 수 있습니다. 이번 블로그 포스트에서는 플러터에서 Cupertino Icons를 사용하는 방법을 알아보겠습니다.

1. Cupertino Icons 라이브러리 추가하기

가장 먼저 pubspec.yaml 파일 내에 cupertino_icons 라이브러리를 추가해야 합니다.

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.2

위와 같이 cupertino_icons 라이브러리를 pubspec.yaml 파일에 추가한 후, 터미널에서 flutter pub get 명령어를 실행하여 종속성을 업데이트합니다.

2. 아이콘 사용하기

cupertino_icons 라이브러리를 추가했다면, 이제 해당 라이브러리에 포함된 아이콘을 사용할 수 있습니다. 아이콘을 사용하려는 위젯에서 Icon 위젯을 사용하여 아이콘을 나타낼 수 있습니다.

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

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Cupertino Icons 예제'),
      ),
      body: Center(
        child: Icon(
          CupertinoIcons.heart,
          size: 80,
          color: Colors.red,
        ),
      ),
    );
  }
}

위의 예제에서는 CupertinoIcons.heart를 사용하여 하트 아이콘을 나타냅니다. Icon 위젯의 size 속성을 사용하여 아이콘 크기를 조정할 수 있고, color 속성을 사용하여 아이콘의 색상을 변경할 수 있습니다.

3. 다양한 아이콘 사용하기

cupertino_icons 라이브러리에는 다양한 아이콘이 포함되어 있습니다. 플러터 공식 문서에서 해당 라이브러리에 포함된 아이콘 리스트를 확인할 수 있습니다.

예를 들어, 전화 아이콘을 사용하려면 CupertinoIcons.phone을 사용하면 됩니다.

Icon(
  CupertinoIcons.phone,
  size: 80,
  color: Colors.blue,
),

마무리

이번 글에서는 플러터에서 Cupertino Icons를 사용하는 방법을 살펴보았습니다. cupertino_icons 라이브러리를 추가한 후 Icon 위젯을 사용하여 iOS 스타일의 아이콘을 쉽게 활용할 수 있습니다.