[flutter] Iconly 라이브러리를 사용한 플러터 앱 예제 제작하기
이번에는 Iconly 라이브러리를 플러터 앱에 사용하는 방법에 대해 알아보겠습니다. Iconly는 다양한 디자인 아이콘을 제공하며, 플러터 앱에서 아이콘을 쉽게 사용할 수 있도록 도와줍니다.
1. Iconly 라이브러리 추가
먼저, pubspec.yaml 파일의 dependencies 섹션에 Iconly 라이브러리를 추가합니다.
dependencies:
iconly: ^1.0.0
해당 섹션에 위와 같이 추가한 후, 터미널에서 flutter pub get
명령어를 실행하여 라이브러리를 다운로드 받습니다.
2. Iconly 아이콘 사용하기
이제 앱에서 Iconly 아이콘을 사용할 수 있습니다. 예를 들어, 홈 화면에 Heart 아이콘을 추가해보겠습니다.
import 'package:flutter/material.dart';
import 'package:iconly/iconly.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Iconly Example'),
),
body: Center(
child: Icon(
Iconly.Heart,
size: 50,
color: Colors.red,
),
),
),
);
}
}
위와 같이 iconly.dart를 import한 후에 Iconly.Heart
와 같은 방식으로 아이콘을 사용할 수 있습니다.
결론
이렇게 Iconly 라이브러리를 사용하여 플러터 앱에 아이콘을 추가할 수 있습니다. 이 외에도 다양한 디자인의 아이콘을 제공하기 때문에, 원하는 스타일에 맞는 아이콘을 쉽게 찾아 사용할 수 있습니다.
더 자세한 내용은 Iconly 공식 문서를 참고하세요.