如何在react native中使用相同名称的FontAwesome5图标

Question

如何在react原生矢量图标中使用两个圆圈。

<i class="fas fa-circle"></i> solid circle.
<i class="far fa-circle"></i> regular circle.

FontAwesome5Icons形象

import FontAwesome5Icon from 'react-native-vector-icons/FontAwesome5';
Solid Circle<FontAwesome5Icon name="?" color={"#a65347"} size={20} solid />
Regular Circle<FontAwesome5Icon name="?" color={"#a65347"} size={20} solid />

Answer 1

请访问react-native-vector-icons目录，该目录包含了react-native-vector-icons实现它们的所有名称和字体。

使用circle作为实心圆的名称，不使用FontAwesome5中的常规圆的图标。

但是对于正圆和实圆，您可以使用FontAwesome，并使用circle-o和circle。

你可以像这样导入它们:

import {default as FontAwesome5} from 'react-native-vector-icons/FontAwesome5';
import {default as FontAwesome} from 'react-native-vector-icons/FontAwesome';

Answer 2

如果你使用的是react-native-vector-icons，那么图标名称必须按照图标目录

中提到的使用在你的例子中，名字是圆圈,o或circle-thin(从react-native-vector-icons目录中获取)

你可以这样做来实现:

import FontAwesomeIcon from 'react-native-vector-icons/FontAwesome';
Solid Circle<FontAwesomeIcon name="circle" color={"#a65347"} size={20} />
Regular Circle<FontAwesomeIcon name="circle-o" color={"#a65347"} size={20} />