我如何将 Font Awesome Pro 与 NativeBase 的图标一起使用？

Question

How do I use Font Awesome Pro with NativeBase ?

I can use a non-pro icon by following the documentation with, for example:

import { Icon } from 'native-base'
<Icon type="FontAwesome5" name="comment" />

but it's unclear what else I need to do to ensure I can use a pro icon, for example :

<Icon type="FontAwesome5" name="user-md-chat" />

What do I need to do to get access to pro icons through native-base 's Icon component?

Answer 1

You can use FontAwesome icon in native-base style by passing the icon property. In your case, this should work:

import { Icon } from 'native-base';
import { faUserMd } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-native-fontawesome";

<Icon as={FontAwesomeIcon} icon={faUserMd} />