[flutter] cupertino_icons 패키지를 통해 생성된 아이콘을 사용한 앱 미리보기

flutter는 Google에서 개발한 모바일 애플리케이션 개발 프레임워크로, 크로스 플랫폼 앱 개발을 위한 도구 세트입니다. flutter은 다양한 기능과 라이브러리를 제공하며, 이 중 하나인 cupertino_icons 패키지는 iOS 스타일의 아이콘을 제공하는 유명한 패키지입니다.

cupertino_icons 패키지 사용하기

먼저, 앱에서 cupertino_icons 패키지를 사용하도록 설정해야 합니다. pubspec.yaml 파일을 열고 dependencies 섹션에 다음 코드를 추가합니다:

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.0

그리고 flutter pub get 명령어를 실행하여 패키지를 가져옵니다.

아이콘 사용하기

cupertino_icons 패키지를 사용하는 방법은 간단합니다. 아이콘을 사용하려는 위젯의 Icon 위젯을 생성하고, CupertinoIcons 클래스의 정적 멤버를 사용하여 아이콘을 지정합니다.

예를 들어, 앱 바에 아이콘을 추가하는 방법은 다음과 같습니다:

import 'package:flutter/cupertino.dart';

CupertinoNavigationBar(
  leading: Icon(CupertinoIcons.back),
  middle: Text('앱 제목'),
  trailing: Icon(CupertinoIcons.settings),
),

이 예제에서는 CupertinoNavigationBar 위젯을 사용하여 앱 바를 생성합니다. leading 속성에는 CupertinoIcons.back 아이콘을, middle 속성에는 텍스트를, trailing 속성에는 CupertinoIcons.settings 아이콘을 추가하였습니다.

다른 종류의 아이콘을 추가하려면 CupertinoIcons 클래스의 다른 정적 멤버를 사용하면 됩니다. CupertinoIcons 클래스는 iOS에 기본적으로 제공되는 아이콘을 포함하고 있으며, 다양한 모양과 스타일의 아이콘을 제공합니다.

앱 미리보기

아래는 cupertino_icons 패키지를 사용하여 생성된 아이콘을 포함한 앱의 미리보기입니다.

앱 미리보기

결론

cupertino_icons 패키지는 flutter 앱에서 iOS 스타일의 아이콘을 사용하기 위해 유용한 도구입니다. 이 패키지를 사용하여 앱을 개발하면 iOS와 같은 외관을 가진 앱을 만들 수 있습니다.