android - 如何在不使用任何第三方库的情况下在 React Native 项目中使用 Font Awesome？

Question

我想在我的 android react-native 项目中使用 Font Awesome 图标。

我想在不使用任何第三方库(如 react-native-vector-icons 或其他库)的情况下手动执行此操作。

Answer 1

我在回答android和ios

下载 font awesome zip 解压文件 复制 fontawesome-webfont.ttf 文件

1. 在你的项目目录下创建/assets/fonts/目录

2. 将fontawesome-webfont.ttf粘贴到/assets/fonts/

3. 将文件重命名为fontawesome.ttf

4. 添加

   “rnpm”:{ “ Assets ”:[ “./ Assets /字体/” ] 像这样进入 package.json 文件的末尾

1. 在项目目录中的终端中运行 react-native link 命令

看到这样的结果

rnpm-install info Linking assets to ios project
rnpm-install info Linking assets to android project
rnpm-install info Assets have been successfully linked to your project

1. 确保链接成功后再次运行react-native run-android命令

转到fontawesome cheatsheet

仅复制要应用于 TextView 的图标的字符代码并粘贴

<Text style={{ fontFamily: 'fontawesome', fontSize: 20 }}>&#xf0a9;</Text>

应用样式 fontFamily: 'fontawesome'

类似地，您可以对其他矢量图标字体执行此操作，例如 ionicons

和其他不使用像 react-native-vector-icons 这样的第三方库的人