react native 基础使用阿里巴巴iconfont

https://www.iconfont.cn 阿里巴巴图标网址

安装

• npm install react-native-vector-icons --save
•  
• 自动link

• react-native link react-native-vector-icons

 

在iconfont平台上添加了新图标  下载取出ttf文件添加到android的font里边去

查看16进制码  可在RN上直接使用了

 

在react-native的package.json内添加

"rnpm": {

"assets": [

"./assets/fonts/"

]

},

在android的application里面添加new VectorIconsPackage()

在app的build.gradle里面添加implementation project(':react-native-vector-icons')

 

直接在js里面使用

<Text style={{

fontFamily: "iconfont",

fontSize: 20,

marginRight: 9

}}>{'\ue607'}</Text>