你如何区分 FontAwesome 的圈子？答案

【问题标题】：How do you distinguish between FontAwesome's circles?你如何区分 FontAwesome 的圈子？
【发布时间】：2019-12-21 11:00:00
【问题描述】：

我在我的 React Native 应用程序中呈现一个图标，并且必须指定选中/未选中的图标类型。我正在阅读 FontAwesome 图标列表：https://fontawesome.com/icons?d=gallery&q=circle

有许多不同的圆圈图标称为“圆圈”。当我在我的应用程序中指定“圆圈”作为图标类型时，它默认使用filled circle，但我想使用outline circle。有谁知道如何做到这一点？具体来说，我正在渲染一个 CheckBox> 组件并指定 uncheckedType 字段。

【问题讨论】：

标签： reactjs react-native fonts icons font-awesome

【解决方案1】：

我建议使用包含 FontAwesome 的 react-native-vector-icons。查看所有图标包的目录here。

它们都有唯一的名称，所以代码看起来像这样：

import Icon from 'react-native-vector-icons/FontAwesome';

const checked = <Icon name="circle" size={30} color="#900" />;

const unchecked = <Icon name=“circle-o” size={30} color={#900} />;

这将使您可以非常轻松地将各种图标快速添加到您的应用中！

【讨论】：