0

在ReactJS 上，我可以使用取自该网站的名称来显示图标：https ://fontawesome.com/icons?d=gallery&q=eye&m=free

如您所见，如果您用眼睛搜索，那里会有很多选项，如果您单击图标，它将显示您应该使用什么名称来调用该图标。例如：fas fa-eye将渲染实心眼睛并far fa-eye渲染常规眼睛。

问题是，在react-native上我不能像这样调用图标名称，它不会接受，所以我只能使用这个词eye，但这限制了我随机的眼睛，这不是我的选择。所以我想知道是否有任何方法可以选择我想要的图标，就像在 ReactJS 中一样？这就是我目前在 react-native 上使用 fontawesome 图标的方式：

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

...

return <FontAwesome name={'eye} style={props.customStyle} />

显示的图标出现在网站的列表中，但正如我所说，有多个具有相同名称的图标，我希望能够在两者之间进行选择。

4

2 回答 2

2

对于那些正在努力解决这个问题的人，只需将solidorlight标记添加到您的组件中，它就会更改图标，例如：

return <FontAwesome name={'eye'} style={props.customStyle} solid />
于 2020-12-01T00:09:40.700 回答
1

您可以尝试使用IconDefinition并按名称选择图标。

import { FontAwesomeIcon } from "@fortawesome/react-native-fontawesome";
import { faBookOpen } from "@fortawesome/free-solid-svg-icons";
  
        <FontAwesomeIcon
            icon={faBookOpen}
            size={28}
          />
于 2020-11-30T20:20:20.797 回答