플러터(Flutter)는 구글에서 개발한 UI 프레임워크로, iOS와 Android 애플리케이션을 위한 사용자 인터페이스를 빌드하는 데 사용됩니다. cupertino_icons은 플러터의 아이콘 패키지로, iOS 스타일의 아이콘을 사용할 수 있게 해줍니다. 이번 포스트에서는 플러터 프로젝트에서 cupertino_icons를 설정하는 방법에 대해 알아보겠습니다.

1. pubspec.yaml 파일 열기

플러터 프로젝트의 루트 디렉토리에 있는 pubspec.yaml 파일을 엽니다. 이 파일은 플러터 프로젝트의 종속성(dependency) 및 설정 정보를 포함하고 있습니다.

2. cupertino_icons 추가하기

pubspec.yaml 파일에서 dependencies 섹션에 cupertino_icons를 추가합니다. 아래는 예시입니다.

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.2

위 코드에서 cupertino_icons는 플러터 프로젝트에 추가할 패키지 이름입니다. ^1.0.2는 사용할 버전을 나타냅니다. 필요에 따라 버전을 수정할 수 있습니다.

3. 의존성 업데이트하기

터미널 또는 명령 프롬프트에서 프로젝트의 루트 디렉토리로 이동한 후, 아래 명령어를 입력하여 의존성(dependency)을 업데이트합니다.

flutter pub get

이 명령어를 사용하여 새로운 패키지를 가져오고, 프로젝트에 적용합니다.

4. cupertino_icons 사용하기

위의 단계를 완료한 후, cupertino_icons는 플러터 프로젝트에서 사용할 수 있게 됩니다. 예를 들면, 아래와 같이 코드에 아이콘을 추가할 수 있습니다.

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

Widget build(BuildContext context) {
  return CupertinoApp(
    home: CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        middle: Text('My App'),
      ),
      child: Center(
        child: Icon(CupertinoIcons.add),
      ),
    ),
  );
}

위 예시에서는 CupertinoIcons.add를 사용하여 ‘+’ 아이콘을 표시하고 있습니다.

참고 자료

• cupertino_icons 패키지
• Flutter 공식 문서