如何在本机项目中使用矢量图标

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

安装方式

  $＃在您的本机项目中： 
  $ npm install react-native-vector-icons —保存 

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

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

注意：您不能只创建一个普通的文件夹。 您可以通过颜色区分一个文件夹是普通文件夹还是xcode组（蓝色表示普通文件夹，黄色表示组）

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

3.展开项目主目录内的项目名称文件夹，然后编辑Info.plist。

4.添加应用程序提供的字体作为新键

5.运行Shift + Command + K清理上一个版本

6. Command + B开始新的构建

7.最后用Command + R运行应用程序

如果仍然看到错误“无法识别的字体系列”，请重新启动React Packager。

现在，您应该转到react-native-vector-icons并详细了解如何使用它。