react-native-vector-icons 사용법 / 엑박문제 해결

react-native-vector-icons 은 리엑트네이티브에서 벡터아이콘을 사용할수 있도록 해주는 라이브러리이다. 

 

설치

npm install --save react-native-vector-icons

npm install --save @types/react-native-vector-icons

사용방법

(1) 파일 상단에 import 한다.

(2) 아래 주소로 들어가 원하는 아이콘이름을 복사한다.

react-native-vector-icons directory

import끝엔 빨간박스에 있는 이름 적기

name엔 아이콘 이름 적기

 

(3) name, size, color값을 입력한다.

import Icon from 'react-native-vector-icons/AntDesign';
//생략
<Icon name="stepforward" size={30} color="red" />
//생략

---

엑박이 뜬다면..

(1)andorid > app > build.gradle 에 아래문구를 추가한다.

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

(2) 안드로이드 스튜디오를 재실행 한다.

 

 

---