Resize Icon FontAwesome5 in React Native

Question

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

I want to make the icon to be smaller. what should I do with that code? I used React Native

Answer 1

Working example below in React Native. (Cannot give you tailored suggestion with the limited information given.)

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

...

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

Answer 2

将图标组件包裹在 View 组件中，并为 View 赋予宽度和高度。

Answer 3

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

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

Answer 4

I have to answer my question, cause I found it

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

so my native base version is v2.15, so all I need was only to add fontSize

so thank you guys for helping me