[Flutter] Flutter에서 FontAwesome 아이콘 사용하기

평소 정말 애용하는 아이콘 제공 사이트인 FontAwesome!

https://fontawesome.com/

 

Flutter환경에서 아이콘 적용 방법을 알아보았다.

 

물론 기본적으로 Material/Cupetino에서 지원해주는 아이콘도 있지만

상황에 맞게 더 다양한 아이콘을 활용하기 위해서 사용한다.

 

font_awsome_flutter 라이브러리

https://pub.dev/packages/font_awesome_flutter/install

font_awesome_flutter | Flutter Package

 

위의 링크에서 자세히 알아볼 수 있다.

 

1. pubspec.yaml 수정하기

dependencies:
  font_awesome_flutter: ^10.3.0

위의 항목을 수정한 뒤 ''' flutter pub get ''' 을 이용해 변경사항을 반영한다.

 

2. dart파일에 라이브러리 import

import 'package:font_awesome_flutter/font_awesome_flutter.dart';

위의 코드를 dart파일에 붙여 라이브러리를 import한다.

 

3. 아이콘 삽입

FaIcon(FontAwesomeIcons.아이콘명)

 

 

하나의 예시 코드!

import 'package:font_awesome_flutter/font_awesome_flutter.dart';

class MyWidget extends StatelessWidget {
  Widget build(BuildContext context) {
    return IconButton(
      // Use the FaIcon Widget + FontAwesomeIcons class for the IconData
      icon: FaIcon(FontAwesomeIcons.gamepad), 
      onPressed: () { print("Pressed"); }
     );
  }
}