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>