使用react-native-vector-icons进行集成，项目地址：https://github.com/oblador/react-native-vector-icons

IDE及框架版本：

• Xcode: Version 11.4 (11E146)
• react-native: 0.62.2

iOS集成安装步骤：

1. 项目根目录下运行命令：yarn add react-native-vector-icons
2. 运行命令: cd ios && pod install

android集成安装步骤：

    项目根目录下运行命令：yarn add react-native-vector-icons即可

使用：

•  使用框架自带矢量图库

1. 打开https://oblador.github.io/react-native-vector-icons/地址，输入关键字device进行查找想要的icon

2. 根据查找结果获取到icon库名称 MaterialIcons, node_modules/react-native-vector-icons/fonts/目录下有对应的ttf文件

3.

• iOS

打开工程info.plist给Custom iOS Target Properties项添加一个新key值：Fonts provided by application，类型(type)为Array，新增item，将ttf文件名拷贝为值

• android

将node_modules/react-native-vector-icons/fonts/目录下所有的ttf文件拷贝到android/app/src/main/assets/fonts目录下

4. 准备工作完成后，即可在界面中使用

效果图如下：