[flutter] cupertino_icons 패키지로 커스텀 아이콘 추가하는 방법

30 Nov 2023

flutter

cupertino_icons 패키지는 아이콘을 사용하기 위한 Flutter 패키지입니다. 이 패키지를 통해 기본 제공되는 Cupertino 아이콘뿐만 아니라 커스텀 아이콘을 추가하여 앱에 사용할 수 있습니다.

아래는 cupertino_icons 패키지를 사용하여 커스텀 아이콘을 추가하는 방법에 대한 예시 코드입니다.

먼저, pubspec.yaml 파일에서 cupertino_icons 패키지를 추가해야 합니다. 파일의 dependencies 섹션에 다음 코드를 추가합니다:

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.2

패키지를 추가한 후에는, Flutter 앱의 코드에서 커스텀 아이콘을 사용할 수 있습니다. 예를 들어, 다음과 같은 코드로 커스텀 아이콘을 추가할 수 있습니다:

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

class CustomIcon {
  static const IconData myCustomIcon = IconData(0xe800, fontFamily: CupertinoIcons.iconFont);
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoApp(
      home: CupertinoPageScaffold(
        navigationBar: CupertinoNavigationBar(
          middle: Text('Custom Icon'),
        ),
        child: Center(
          child: Icon(
            CustomIcon.myCustomIcon,
            size: 40,
            color: CupertinoColors.activeBlue,
          ),
        ),
      ),
    );
  }
}

위의 코드에서 CustomIcon 클래스를 통해 커스텀 아이콘을 정의하고, Icon 위젯을 사용하여 화면에 표시합니다. IconData 생성자를 사용하여 해당 아이콘의 코드 포인트와 폰트 패밀리를 지정합니다.

이렇게 하면 cupertino_icons 패키지로 커스텀 아이콘을 추가하고 사용하는 방법을 알 수 있습니다.

더 자세한 정보 및 Cupertino 아이콘 목록은 cupertino_icons 패키지의 공식 문서를 참조하십시오.