You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

在React Native中如何调整FontAwesome5 Icon组件的大小

你可以通过两种常用方式缩小这个Icon图标:

  • 方式一:使用Icon组件内置的size属性,直接指定图标尺寸,数值越小图标越小,示例代码如下:
<Icon type="FontAwesome5" name="thumbs-up" size={16}/>

说明:大部分React Native第三方图标库的默认size为20或24,你可以根据自身需求调整数值大小

  • 方式二:通过style属性设置字体大小实现缩放,适合需要和其他样式统一配置的场景,示例代码如下:
<Icon type="FontAwesome5" name="thumbs-up" style={{fontSize: 16}}/>

说明:这类图标本质是字体矢量图标,修改fontSize属性就可以自由调整大小,和size属性效果一致

内容的提问来源于stack exchange,提问作者chocoxmaniac

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.30 05:24:01