<div id="readability-page-1" class="page"><div>
 <div id="SE-60bab83c-eb73-4b23-a7c4-00932f0a24a5">
 ​​개요​flutter 에서 font_awesome_flutter 패키지 사용하는 방법에 대해 설명한다.​​​설치​아래와 같이 dependencies 에 font_awesome_flutter 를 설치한다.버전은 아래 링크에서 확인하자.
 </div> <div id="SE-1f1b59aa-7181-4a44-b448-c879eaa43540">
 dependencies:
 font_awesome_flutter: &lt;latest_version&gt;
 </div> <div id="SE-ef09d46e-cf2f-42ad-8c2f-b5822a6d1e96">
 ​​사용하는 방법​font_awesome_icon 에는 수 많은 아이콘이 있는데 일반적으로는 무료버전 icon 만 사용이 가능하다. 만약 본인이 유료결제를 했다면 <a href="https://pub.dev/packages/font_awesome_flutter#enable-pro-icons" target="_blank">추가적인 설정</a>을 해줘야 한다.​사용방법은 다음 코드와 같다. 만약 사용하고 싶은 아이콘의 이름을 잘 모르겠다면 <a href="https://fontawesome.com/search?q=sun&amp;o=r&amp;m=free" target="_blank">fontawesome 사이트</a>에서 먼저 찾아보자.
 </div> <div id="SE-c8c554fa-f89a-4668-8c89-1ad8445999b6">
 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"); }
 );
 }
}
 </div> <div id="SE-172f084c-30d6-4392-ad71-22a5b24fda3e">
 ​아래는 fontawesome 공식 사이트다. 원하는 키워드를 입력하고 free 버전들만 나오도록 필터링을 했다. 마음에 드는 아이콘이 있다면 해당 아이콘명을 FontAwesomeIcons.xxx 와 같이 입력해주면 된다.
 </div> <div id="SE-a1cfdad9-3cd2-4e5c-9228-e5cece7e49ad">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-a1cfdad9-3cd2-4e5c-9228-e5cece7e49ad&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyMzEyMTdfODgg/MDAxNzAyODAyNTgzNjE4.CsXk0tk1WB0dcspDBdIcDvzCrzctdpxi7h2AlJEUOqEg.kEyz9JuV2wBr6obHF2MRWPg1ZzF-S9ztJFHd4vdx7qAg.PNG.writer0713/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2023-12-17_%EC%98%A4%ED%9B%84_5.43.01.png&quot;, &quot;originalWidth&quot; : &quot;1405&quot;, &quot;originalHeight&quot; : &quot;851&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyMzEyMTdfODgg/MDAxNzAyODAyNTgzNjE4.CsXk0tk1WB0dcspDBdIcDvzCrzctdpxi7h2AlJEUOqEg.kEyz9JuV2wBr6obHF2MRWPg1ZzF-S9ztJFHd4vdx7qAg.PNG.writer0713/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2023-12-17_%EC%98%A4%ED%9B%84_5.43.01.png?type=w800" data-width="693" data-height="419" alt="">
 </a>
 
 </div>
 <div id="SE-8b7c41d2-2e9a-4943-a025-106de9bce715">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-8b7c41d2-2e9a-4943-a025-106de9bce715&quot;, &quot;src&quot; : &quot;https://blogfiles.pstatic.net/MjAyMTAzMTlfMTU1/MDAxNjE2MTM4MjkxMjM3.dNZls450pxypmf-DDgpsXyvvHMt06U7ZQUNXnOQA43Ug.vtGD-dfDsIyabzZVoo-fdyd2AIYUoQuMT74Plq4T10Yg.JPEG.writer0713/kakao.jpeg?type=w1&quot;, &quot;originalWidth&quot; : &quot;256&quot;, &quot;originalHeight&quot; : &quot;103&quot;, &quot;linkUse&quot; : &quot;true&quot;, &quot;link&quot; : &quot;https://qr.kakaopay.com/2810060110000443710583945dc00000&quot;}">
 <img src="https://blogfiles.pstatic.net/MjAyMTAzMTlfMTU1/MDAxNjE2MTM4MjkxMjM3.dNZls450pxypmf-DDgpsXyvvHMt06U7ZQUNXnOQA43Ug.vtGD-dfDsIyabzZVoo-fdyd2AIYUoQuMT74Plq4T10Yg.JPEG.writer0713/kakao.jpeg?type=w1" alt="">
 </a>
 
 카카오페이로 후원
 </div>
 <div id="SE-d6bd9823-fdf0-4ca2-843d-6f14a118bf86">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-d6bd9823-fdf0-4ca2-843d-6f14a118bf86&quot;, &quot;src&quot; : &quot;https://blogfiles.pstatic.net/MjAyMTAzMTlfMTIy/MDAxNjE2MTM4Mzk5Mjkz.7C8k50nPce6NqNspKw4-LN2u34aGtUxhR0Wv_mZH-xQg.U1KVzLLFEU4OaZ2KhamW_jV6_a4jVmvV0V3yY0uTl_Qg.JPEG.writer0713/kakao_qr.jpeg?type=w1&quot;, &quot;originalWidth&quot; : &quot;330&quot;, &quot;originalHeight&quot; : &quot;330&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://blogfiles.pstatic.net/MjAyMTAzMTlfMTIy/MDAxNjE2MTM4Mzk5Mjkz.7C8k50nPce6NqNspKw4-LN2u34aGtUxhR0Wv_mZH-xQg.U1KVzLLFEU4OaZ2KhamW_jV6_a4jVmvV0V3yY0uTl_Qg.JPEG.writer0713/kakao_qr.jpeg?type=w1" alt="">
 </a>
 
 카카오페이 QR코드로 후원
 </div>
 </div></div>

나만의공간。

KIM JUNGHWAN

개요 flutter 에서 font_awesome_flutter 패키지 사용하는 방법에 대해 설명한다. 설치 아래와 같이 dependencies 에 font_awesome_flutter 를 설치한다. 버전은 아래 링크에서 확인하자. 사용하는 방법 font_awesome_icon 에는 수 많은 아이콘이 있는데 일반적으로는 무료버전 icon 만 사용이 가능하다. 만약 본인이 유료결제를 했다면 추가적인 설정을 해줘야 한다. 사용방법은 다음 코드와 같다. 만약 사용하고 싶은 아이콘의 이름을 잘 모르겠다면 fontawesome 사이트에서 먼저 찾아보자. 아래는 fontawesome 공식 사이트다. 원하는 키워드를 입력하고 free 버전들만 나오도록 필터링을 했다. 마음에 드는 아이콘이 있다면 해당 아이콘명을 F.......

[Flutter] font_awesome_flutter 사용하기 (아이콘)

댓글