如何在React Native中使用FontAwesome5同名图标及两种圆形图标

两处name属性均填写circle即可，同名不同风格的图标通过solid属性的布尔值区分，对应规则如下：

• 对应web端fas fa-circle实心圆形：将solid属性设为true
• 对应web端far fa-circle常规圆形：将solid属性设为false

修正后的完整代码示例：

import FontAwesome5Icon from 'react-native-vector-icons/FontAwesome5';

// 实心圆形
Solid Circle<FontAwesome5Icon name="circle" color={"#a65347"} size={20} solid={true} />
// 常规空心圆形
Regular Circle<FontAwesome5Icon name="circle" color={"#a65347"} size={20} solid={false} />

也可以使用JSX属性简写形式：单独写solid属性等价于solid={true}，不需要实心效果时省略该属性即可：

import FontAwesome5Icon from 'react-native-vector-icons/FontAwesome5';

Solid Circle<FontAwesome5Icon name="circle" color={"#a65347"} size={20} solid />
Regular Circle<FontAwesome5Icon name="circle" color={"#a65347"} size={20} />

内容的提问来源于stack exchange，提问作者Rajendra