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

Posted 2020-12-10 dch0

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用react-native-vector-icons矢量图标库相关的知识，希望对你有一定的参考价值。

1.安装

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

2.配置：

方法1:

react-native link react-native-vector-icons

方法2：

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

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

3.使用：

技术图片

例如使用AntDesign库下的stepforward图标

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

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

以上是关于使用react-native-vector-icons矢量图标库的主要内容，如果未能解决你的问题，请参考以下文章