React Native自动链接未与React Native矢量图标一起工作。我在Android上使用以下方法进行了修复: https://github.com/oblador/react-native-vector-icons/issues/1035
但在IOS上,我仍然遇到问题。请告诉我是否有人解决了这个问题...谢谢!
这是我的问题截图。
React Native自动链接未与React Native矢量图标一起工作。我在Android上使用以下方法进行了修复: https://github.com/oblador/react-native-vector-icons/issues/1035
但在IOS上,我仍然遇到问题。请告诉我是否有人解决了这个问题...谢谢!
这是我的问题截图。
<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>MaterialCommunityIcons.ttf</string>
<string>MaterialIcons.ttf</string>
<string>Octicons.ttf</string>
<string>SimpleLineIcons.ttf</string>
<string>Zocial.ttf</string>
</array>
对于Android,请将以下行添加到 android/app/build.gradle 文件中
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
这解决了我的问题,现在React Native矢量图标在两个平台上都可以正常工作。
pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'
之后执行我之前说过的相同步骤。
npx react-native link
在根目录项目中解决此问题。
希望能有所帮助。
字体、图片和其他外部资源仍应使用react-native link命令链接,这也是该命令仍然存在的唯一原因。
但是,链接资产的配置已经改变,过去是通过在package.json中放置rnpm条目并提供要链接的路径来完成的。请查看此处。
现在正确的方法是创建一个react-native.config.js文件来链接fontawesome。
1- 创建一个react-native.config.js文件。
module.exports = {
project: {
ios: {},
android: {},
},
assets: [
'./node_modules/react-native-vector-icons/PATH_TO_FONT_A',
'./node_modules/react-native-vector-icons/PATH_TO_FONT_B',
],
};
2 - 运行命令
react-native link
这次,现在,链接命令将生成类似于以下的日志消息:
info Linking assets to ios project
warn Group 'Resources' does not exist in your Xcode project. We have created it automatically for you.
info Linking assets to android project
success Assets have been successfully linked to your project
node_modules/react-native-vector-icons/Fonts
中的一些字体添加到assets
数组中并不能排除所有其他字体。如何从react-native-vector-icons
中排除不必要的字体? - Christos Lytras从'react-native-vector-icons/Feather'导入Icon;
Icon.loadFont();
试一下