Closed souradeepmajumdar05 closed 2 years ago
Xcode 13.0 react-native 0.66.0 npm 7.24.0 react-native-vector-icons 9.0.0
I was able to resolve this issue following the installation instructions with modification:
npm i react-native-vector-icons
pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'
Info.plist
as described below.
<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>
<string>Fontisto.ttf</string>
</array>
npx react-native link react-native-vector-icons
as it would populate Copy Bundle Resources with duplicates.I believe this worked for me because I already found those .ttf files under Xcode > Pods > Development Pods > RNVectorIcons. With that being said, I am fairly new to Xcode and I am not sure if this will resolve your issue.
I just upgraded react-native-vector-icons
and was running into the same issue.
Apparently, I had run npx react-native link react-native-vector-icons
at some point and this worked for me:
npx react-native unlink react-native-vector-icons
pod install
:
pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'
Info.plist
:
<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>
<string>Fontisto.ttf</string>
</array>
Worked for me, thanks buddy :)
I just upgraded
react-native-vector-icons
and was running into the same issue.Apparently, I had run
npx react-native link react-native-vector-icons
at some point and this worked for me:
- Run
npx react-native unlink react-native-vector-icons
- Make sure the following is in your Podfile, if not, add it and run
pod install
:pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'
- Make sure the following is in your
Info.plist
:<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> <string>Fontisto.ttf</string> </array>
This works but we get a warning
React native: 0.64.1
error React Native CLI uses autolinking for native dependencies, but the following modules are linked manually:
- react-native-vector-icons (to unlink run: "react-native unlink react-native-vector-icons")
This is likely happening when upgrading React Native from below 0.60 to 0.60 or above. Going forward, you can unlink this dependency via "react-native unlink <dependency>" and it will be included in your app automatically. If a library isn't compatible with autolinking, disregard this message and notify the library maintainers.
I am trying to build using xcode>product>archive, i keep getting below error , can someone check on this
pod file