[flutter] cupertino_icons를 통해 아이콘 스타일링하는 방법
Flutter에서는 cupertino_icons
패키지를 사용하여 iOS 스타일의 아이콘을 쉽게 스타일링할 수 있습니다. 이 패키지에는 iOS의 시스템 아이콘이 포함되어 있으며, Icons
클래스를 통해 이 아이콘들을 사용할 수 있습니다.
1. cupertino_icons 패키지 추가하기
먼저, pubspec.yaml
파일에 cupertino_icons
패키지를 추가해야 합니다. 아래와 같이 dependencies
섹션에 추가해주세요:
dependencies:
flutter:
sdk: flutter
cupertino_icons: ^1.0.2
그리고, 패키지를 다운로드하기 위해 터미널에서 아래 명령어를 실행하세요:
$ flutter pub get
2. 아이콘 사용하기
이제 cupertino_icons
패키지를 사용하여 아이콘을 스타일링할 수 있습니다. 예를 들어, iOS 스타일의 홈 아이콘을 표시하는 데 사용할 수 있습니다.
import 'package:flutter/material.dart';
import 'package:cupertino_icons/cupertino_icons.dart';
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('아이콘 스타일링'),
),
body: Center(
child: Icon(
CupertinoIcons.home,
size: 48.0,
color: Colors.blue,
),
),
);
}
}
위 코드에서 CupertinoIcons.home
은 cupertino_icons
패키지에서 제공하는 홈 아이콘을 나타냅니다. size
및 color
속성을 사용하여 아이콘의 크기와 색상을 조정할 수 있습니다.
3. 다양한 아이콘 사용하기
cupertino_icons
패키지에는 다양한 iOS 시스템 아이콘이 포함되어 있습니다. 사용 가능한 모든 아이콘을 보려면 여기에서 확인할 수 있습니다.
마무리
이제 Flutter의 cupertino_icons
패키지를 사용하여 iOS 스타일의 아이콘을 쉽게 스타일링할 수 있는 방법을 알아봤습니다. 이 패키지를 사용하면 앱을 보다 iOS에 적합하게 만들 수 있으며, 사용 가능한 다양한 아이콘을 통해 앱의 사용자 경험을 향상시킬 수 있습니다.