[R/N] react-native-vector-icons 오류 해결

react-native-vector-icons

아이콘 페이지로 이동

• ios 6.0 부터는 link를 이용한 수동적인 방법이 다음 R/N release 에서는 더 이상 지원하지 않는다고 나온다.

npx react-native link react-native-vector-icons

npx react-native unlink react-native-vector-icons

• 결론적으로 열심히 구글링...

해결법

1. Podfile을 열고 코드 추가

cd ios && code Podfile && cd..

pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'

• 8번째 줄에 추가
  

2. info.plist 열고 코드 추가

cmd + p >> info.plist 검색(프로젝트명 dir)

    <key>UIAppFonts</key>
    <array>
        <string>AntDesign.ttf</string>
        <string>Entypo.ttf</string>
        <string>EvilIcons.ttf</string>
        <string>Feather.ttf</string>
        <string>FontAwesome.ttf</string>
        <string>FontAwesome5_Brands.ttf</string>
        <string>FontAwesome5_Regular.ttf</string>
        <string>FontAwesome5_Solid.ttf</string>
        <string>Foundation.ttf</string>
        <string>Ionicons.ttf</string>
        <string>MaterialIcons.ttf</string>
        <string>MaterialCommunityIcons.ttf</string>
        <string>SimpleLineIcons.ttf</string>
        <string>Octicons.ttf</string>
        <string>Zocial.ttf</string>
    </array>

• 맨마지막에 copy/paste 하기
  

3. yarn ios || npm run ios

• 명령어 실행하면 잘된다!!!