无法识别的字体系列 Material 图标？

Question

我是 React-Native 的新手，我已将 react-native-vector-icons 库手动添加到 Xcode 和 Android studio。如果运行带有 Xcode 的代码成功执行，没有任何问题。但是如果我尝试运行来自终端的代码（react-native 运行-ios）它在模拟器中显示 'Unrecognized font family Material'。但是如果我运行s 命令（react-native 运行-android）同样有效。

请帮帮我。这是终端 Error Screen shot

中显示的错误

** BUILD FAILED **


The following build commands failed:

    CompileC /Users/user/Documents/Test/JobsNProfiles/ios/build/Build/Intermediates.noindex/RNVectorIcons.build/Debug-iphonesimulator/RNVectorIcons.build/Objects-normal/x86_64/RCTFont+FA5.o /Users/user/Documents/Test/JobsNProfiles/node_modules/react-native-vector-icons/RNVectorIconsManager/RCTFont+FA5.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
(1 failure)

Answer 1

我不确定您的配置中到底缺少什么，所以我将陈述我认为是这样的所有情况：

删除 ios/build 文件夹，然后尝试自动链接：react-native link react-native-vector-icons.
确保您已检查字体是否已复制到构建阶段的复制包资源中。如果不是，请重新检查手动配置步骤。
确保您终止打包程序并重新运行以使更改生效。

Answer 2

我找到的解决方案是检查字体是否添加到 Info.plist 文件中的 UIAppFonts 数组：

<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>

更多信息here

Answer 3

最简单的

您只需将以下内容添加到您的 Podfile


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


# If you are using monorepo
# pod 'RNVectorIcons', :path => '../../../node_modules/react-native-vector-icons'

和运行

yarn podinstall

无法识别的字体系列 Material 图标？

Unrecognized font family Material Icons?

react-native

react-native-vector-icons

react-native-elements

最简单的