在 React Native 中调整图标 FontAwesome5 的大小

Question

<Icon type="FontAwesome5" name="thumbs-up"/>

我想让图标变小。我应该如何处理该代码？我用的是 React Native

Answer 1

将图标组件包裹在视图组件中，并为视图提供宽度和高度。

Answer 2

如果您正在使用 react-native-elements 中的 Icon 组件，那么有一个名为 size 的道具。

<Icon type="FontAwesome5" name="thumbs-up" size={10}/>

Answer 3

下面是 React Native 中的工作示例。（信息有限，无法给您针对性的建议。）

import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
import { faChevronLeft } from '@fortawesome/pro-light-svg-icons';

...

<FontAwesomeIcon icon={faChevronLeft} size={18} color={'white'} />

Answer 4

我必须回答我的问题，因为我找到了

<Icon type="FontAwesome5" name="thumbs-up" **style={{fontSize: 20}}**/>

所以我的原生基础版本是 v2.15，所以我只需要添加 fontSize

非常感谢你们帮助我

在 React Native 中调整图标 FontAwesome5 的大小

Resize Icon FontAwesome5 in React Native

icons

react-native

font-awesome-5