如何在您的 react-native 项目中使用矢量图标

想在您的 react-native 项目中使用矢量图标吗？ 有一个适合您的项目：react-native-vector-icons。 这个项目非常棒，但如果您不熟悉xcode，那么它的文档有点棘手且不直观。

安装 :

# 在你的 react-native 项目中 :
$ npm install react-native-vector-icons —save

如何在Xcode中将自定义字体添加到React Native应用程序：

1、在Xcode项目中创建一个新的组字体。

注意：你不能只创建一个普通的文件夹。 您可以通过它的颜色来识别是一个文件夹是普通文件夹或xcode组（正常文件夹为蓝色，组为黄色）

2、将要在项目中使用的字体文件（./node_modules/react-native-vector-icons/Fonts/*.ttf）拖到刚刚创建的字体组中。

3、在项目的主目录中展开项目名称文件夹，然后单击编辑 Info.plist。

4、添加应用程序提供的字体作为新密钥

5、运行 Shift + Command + K 清除最后一次构建
6、Command + B 启动新构建
7、最后 Command + R 运行应用程序

如果您仍然看到错误无法识别的字体系列重新启动您的反应包装程序。
现在你应该去 react-native-vector-icons，看看如何详细使用它。