在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
相关产品推荐
相关产品推荐

