[RN] React Native 使用精美图标库react-native-vector-icons

  • Z时代
  • 2024-01-10
  • 分类：综合

react

 React Native 使用精美图标库react-native-vector-icons

一、安装依赖

npm install --save react-native-vector-icons // 下载库
react-native link react-native-vector-icons // 自动关联

二、使用

import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons'; 
import FontAwesome from 'react-native-vector-icons/FontAwesome'; 
<FontAwesome name={'wpforms'} size={30} color={tintColor} /> 
<MaterialCommunityIcons name={'face'} size={30} color={tintColor} />

使用说明：
react-native-vector-icons 的图标分为几个模块, 使用的时候先import FontAwesome from 'react-native-vector-icons/FontAwesome';

这样才能使用 FontAwesome 标签, 标签内使用 name 字段指定是某个图标.

使用的时候可以使用这个网站找到所有图标的索引:
https://oblador.github.io/react-native-vector-icons/

本博客地址： wukong1688

本文原文地址：https://www.cnblogs.com/wukong1688/p/10860490.html

转载请著名出处！谢谢~~

以上是 [RN] React Native 使用精美图标库react-native-vector-icons 的全部内容， 来源链接： utcz.com/z/382900.html

回到顶部