将 Font Awesome 与 react-native-elements 一起使用

Question

我想将 react-native-element 与 React 本机应用程序一起使用。首先，我安装了成功的 react-elements。现在我正在尝试使用类型为 font-awesome 的 Icon。但是图标显示不正确。我是否还需要单独安装 font-awesome 才能使图标正常工作？或者我在这里遗漏了什么。这是我的代码，

<Icon
    raised
    name='heartbeat'
    type='font-awesome'
    color='#f50'
    onPress={() => console.log('hello')} />

谢谢！

Answer 1

如果您不使用 Expo 或 create-react-native-app，

react-native-elements 需要手动安装 react-native-vector-icons。 See the documentation (React Native CLI) for more info.

安装完这两个软件包后，您需要 link react-native-vector-icons（如您在 README of the GitHub repo 中所见）。最简单的方法是这样做：

react-native link react-native-vector-icons

之后，一切正常。如果您已完成所有这些操作但仍然无法正常工作，请删除 node_modules 文件夹并使用 npm i 重新安装您的节点包。如果仍然无法正常工作，请尝试手动 link 软件包（您可以在上面的 GitHub 存储库 linked 上找到有关如何操作的指南）。

将 Font Awesome 与 react-native-elements 一起使用

Use Font Awesome with react-native-elements

font-awesome

react-native

react-native-elements