react-native-vector-icons的使用

本文介绍如何在React Native项目中使用react-native-vector-icons图标库,包括安装步骤、配置方法及基本使用示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

react-native-vector-icons是react native中一个第三方图标库。
使用起来非常方便。
这里只说Andronid。该库有添加字体的使用,这里只记录我自己用到的。方便以后使用。

通过如下命令行添加依赖库:

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

Android使用要在project gradle中添加一行代码

使用起来就是下面这样

import Icon from 'react-native-vector-icons/Ionicons';

export default class SomeView extends Component{
  render() {
    return (
      <View>
        <Icon name='md-contact' size={30} color='black'/>
      </View>
    )
  };
}
效果图:
左侧是没在gradle添加代码的效果, 右侧是添加后的效果
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值