码迷,mamicode.com
首页 > 其他好文 > 详细

使用react-native-vector-icons矢量图标库

时间:2020-06-11 10:25:58      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:and   vector   hub   from   矢量图   mamicode   port   打开   https   

1.安装

npm install --save react-native-vector-icons

2.配置:

Android:

方法1:

react-native link react-native-vector-icons

方法2:

android/app/build.gradle 第二行添加:

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

3.使用:

打开图标库:https://oblador.github.io/react-native-vector-icons/

技术图片

例如使用AntDesign库下的stepforward图标

import AntDesign from ‘react-native-vector-icons/AntDesign‘;

<AntDesign 
    name={‘windows‘}
    size={50}
    style={{color:‘blue‘}}
/>

 

 

 

 

 

使用react-native-vector-icons矢量图标库

标签:and   vector   hub   from   矢量图   mamicode   port   打开   https   

原文地址:https://www.cnblogs.com/dch0/p/13091574.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!