导入'react-native-vector-icons'踩到的坑_project :react-native-vector-icons

本文链接：https://blog.csdn.net/My_Yes/article/details/105566186

记录开发，参考文献https://github.com/oblador/react-native-vector-icons#android，如有冒犯私聊删除，谢谢。

Android环境：
1、在项目下安装矢量库存指令：$ npm install --save react-native-vector-icons
2、在android项目app下中的build.gradle增加库：apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
3、完成以上两步完成图标库的添加，接下来看如何使用：库存网址
4、如图所示：
在这里插入图片描述
代码：

import React,{Component} from 'react';
import {View} from 'react-native';
import AntDesign from 'react-native-vector-icons/AntDesign';
export default class Test extends Component{
	render(){
		return(
			<View>
				<AntDesign name={'stepforward'}/>
			</View>
		)
	}
	}

效果图：
在这里插入图片描述
如果出现以下报错：

证明在这句代码的导入出现了错误import AntDesign from 'react-native-vector-icons/AntDesign';代码没有规范到要用哪个图标集合（例如我的：AntDesign），那么就要导入相对应的图标集合(AntDesign)