如何在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 />
请访问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';
如果你使用的是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} />