rn使用react-native-vector-icons

 根目录下使用:
npm install --save react-native-vector-icons // 下载库
react-native link react-native-vector-icons // 自动关联
npm install react-native-vector-icons --save或yarn add react-native-vector-icons安装。

app/src/main/assets/fonts路径
 

Android端的配置(先更新安卓端)
// 进入android/app/build.gradle文件,添加如下内容:

project.ext.vectoricons = [
iconFontNames: [ 'MaterialIcons.ttf', 'EvilIcons.ttf' ]
]
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

  

在项目中使用:

import Icon from 'react-native-vector-icons/FontAwesome';
....
<Icon name={'angle-right'} size={24} color={'#999'} />
 

最后执行  react-native run-android,RR刷新后成功显示:

原文链接:https://blog.csdn.net/qq_37800886/article/details/99623319

posted @ 2019-11-06 11:11  Pikaqu  阅读(473)  评论(0编辑  收藏  举报