React Native 에서 Icon(아이콘) 사용하기 , 아이콘 깨짐현상 해결

+수정) anroid/app/src/main/assets/fonts (assets/fonts 폴더를 생성해야합니다.)

  현재글은 RN - v0.60 이상에서 android 기준 입니다. 

1. npm install react-native-vector-icons --save 로 설치
2. Android/app/build.gradle   apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" 추가
3. android/app/src/main/assets/fonts (assets/fonts 폴더를 생성)
4. https://oblador.github.io/react-native-vector-icons/ 사이트에서 원하는 아이콘을 찾은 후
5. ex) import AntDesign from 'react-native-vector-icons/AntDesign'; 여기서는 AndDesign을 선택함 import
6. <AntDesign name={'circledowno'} size={15} color={'green'} /> 사용하면된다.

 

이렇게 해도 안된다면 

node_modules에 react-native-vactor-icons에 있는 fonts파일들을 복사 android/app/src/main/assets/fonts 에 붙여넣기

그 다음 cd android && ./gradlew clean 후 react-native run-android