민프

[Flutter] Flutter에서 Font_Awesome 사용하기 본문

[Flutter]

[Flutter] Flutter에서 Font_Awesome 사용하기

민프야 2023. 8. 9. 16:17

https://fontawesome.com/icons

 

Font Awesome

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

fontawesome.com

플러터에서 UI 아이콘을 간단하게 사용할 때 무료 아이콘만 해도 어느정도는 개발할 수 있을 것이다.

물론 Flutter에도 Material, Cupertino, Google, IOS 몇몇 아이콘이 포함되어있긴한데 

평소에 Font Awesome을 사용해서 Flutter에서도 사용해보려고 한다. 

 

https://pub.dev/packages/font_awesome_flutter

 

font_awesome_flutter | Flutter Package

The Font Awesome Icon pack available as Flutter Icons. Provides 1600 additional icons to use in your apps.

pub.dev

위 패키지를 설치하면 된다.

dependencies:의 섹션 에 pubspec.yaml다음 줄을 추가합니다.


dependencies:
  font_awesome_flutter: <latest_version>
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"); }
     );
  }
}
Comments