React Native Vector图标不适用于当前版本0.60

Question

反应本机自动链接不适用于反应本机矢量图标。我用这个将它固定到了android https://github.com/oblador/react-native-vector-icons/issues/1035

但是在IOS上，我仍然面临问题。请让我知道是否有人解决了这个问题...谢谢！

以下是屏幕截图，我遇到了什么问题。

Answer 1

这对我来说适用于升级项目和全新的RN 0.60.0

对于IOS，将此添加到ios / projectname / 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>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"

这已解决了我的问题，并对在两个平台上均正常工作的本机矢量图标做出了反应。

Answer 2

如果您在iOS上执行过react-native link，请先执行cd ios，然后再执行pod install。

维护人员仍需要更新某些软件包才能使用react native。

如果您不想链接，请进入您的Podfile并添加：

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

之后，请执行我之前说过的相同步骤

Answer 3

运行

npx react-native link

在根文件夹项目中解决此问题。

希望有帮助。

Answer 4

字体，图像和其他外部资产仍应使用 react-native link 命令进行链接，这是该命令仍然存在的唯一原因。

但是，链接资产的配置发生了变化，过去一次是通过在package.json中放置一个rnpm条目以及要链接的路径。选中here。

现在链接字体的正确方法是拥有一个 react-native.config.js 文件。

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

Answer 5

从“ react-native-vector-icons /羽毛”中导入图标；

Icon.loadFont（）;

尝试