[리액트네이티브] react-native-vector-icons 사용시 아이콘이 엑박인 경우

상황

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

react-native-vector-icons를 설치했지만 엑박으로 뜨면서 아이콘이 나타나지 않음

 

해결

 

안드로이드의 경우

android/app/build.gradle 파일을 열고 조금 내리다보면 

apply from: "../../node_modules/react-native/react.gradle"

이렇게 적힌 곳이 보일 것이다.

여기 바로 아래에 아래 코드를 입력해주고 다시 빌드해주면 아이콘이 잘 보이는 걸 확인할 수 있다.

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

참고 : https://github.com/oblador/react-native-vector-icons#android

GitHub - oblador/react-native-vector-icons: Customizable Icons for React Native with support for image source and full styling.