react-native-vector-icons在react-native中使用

在项目根目录下执行如下命令：

npm5.0以上执行：   
yarn add react-native-vector-icons

npm5.0以下执行
npm install react-native-vector-icons --save

目前npm5存在安装新库时会删除其他库的问题，导致项目无法正常运行。请尽量使用yarn代替npm操作

执行以下命令链接原生库

react-native link react-native-vector-icons

如果要是windows(执行到第二步配置就完成了) ，苹果继续执行下面的配置

右键工程文件Add Files to "(你工程名)"

选择node_modules/react-native-vector-icons/Fonts文件夹

使用demo

import React from 'react';
import Icon from 'react-native-vector-icons/Ionicons';

const Icon = () => {
     return <Icon name="ios-home" size={30} color="red" />
};

如果想要查看 react-native-vector-icons 中有哪些内置的图标 可以去 node_modules/react-native-vector-icons/glyphmaps/Ionicons.json 文件中去查看

但是我个人不太喜欢这种，进而研究了怎么在RN中使用自定义的字体图标，下面是相关的文章，感兴趣的可以去了解一下 🙂

juejin.cn/post/684490…