vector-icons/FontAwesome5 在 react-native 上顯示錯誤的圖標

Question

在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} />

顯示的圖標出現在網站的列表中，但正如我所說，有多個具有相同名稱的圖標，我希望能夠在兩者之間進行選擇。

Answer 1

對於那些正在努力解決這個問題的人，只需將solid或light標簽添加到您的組件中，它就會更改圖標，例如：

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

Answer 2

您可以嘗試使用IconDefinition並按名稱選擇圖標。

import { FontAwesomeIcon } from "@fortawesome/react-native-fontawesome";
import { faBookOpen } from "@fortawesome/free-solid-svg-icons";
  
        <FontAwesomeIcon
            icon={faBookOpen}
            size={28}
          />