react-native-vector-icons安装过程的坑

概述

由于我最近才学react-native，也刚刚接触了react-native-vector-icons来做图标，所以我就去官网找安装教程

https://github.com/oblador/react-native-vector-icons#android

我做的是Android系统，所以就按照里面的步骤，一步一步配置，但是，结果一堆报错，初步看来，好像是react-native的最新版本所导致的

以下是我写这篇文的时候，我用的最新版本

   "react": "16.9.0",
   "react-native": "0.61.5",
   "react-native-vector-icons": "^6.6.0"

由于react-native-vector-icons的文档未及时更新，所以出了不少错误，react-native的主要更新好像是自动引包，内容如下

https://github.com/react-native-community/cli/blob/master/docs/autolinking.md

安装步骤

新版本的react-native安装react-native-vector-icons就容易多了

下载

yarn add react-native-vector-icons

链接

npx react-native link react-native-vector-icons

链接后会看到所需要的图标字体文件都自动添加到在android/app/src/main/assets/fonts下面了

使用

现在可以直接放心使用了，按照官网的教程使用就行

https://github.com/oblador/react-native-vector-icons#icon-component

最后

以上就是高高酸奶为你收集整理的react-native-vector-icons安装过程的坑的全部内容，希望文章能够帮你解决react-native-vector-icons安装过程的坑所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。