记录开发,参考文献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)

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐