如何在 React 中使用自定义 fonts - Native 0.64，iOS 可以，但 Android 不能

Question

我是按照这个方法Link配置的，但是对Android不起作用。

我的字体文件被命名为：din_alternate_bold.ttf 这是我在 RN 风格中使用的： fontFamily: 'DIN Alternate Bold' & fontFamily: 'DIN_Alternate_Bold' & fontFamily: 'din alternate bold' & fontFamily: 'din_alternate_bold'这些方法都不起作用.

我应该配置什么以在 RN 中使用 Android 自定义 fonts？

Answer 1

自 React Native 0.60+ 以来，很多事情都发生了变化，现在默认启用自动链接，手动方法有时会抛出错误，你需要做的就是：

1. 在项目的根目录下创建文件夹 assets.
2. 在该资产文件夹中创建 fonts 文件夹。
3. 将您的 fonts 粘贴到该文件夹中。
4. 在项目的根目录中创建名为 react-native.config.js 的文件。 将这些代码粘贴到 react-native.config.js 文件中。

module.exports = { project: { ios: {}, android: {}, }, assets: ['./assets/fonts'], };

5. 现在运行 npx react-native 链接

并使用您在 fontFamily 中使用的 fonts：'yourfont_name'，

Answer 2

清理 gradle 并确保输入您的 .ttf 文件的确切名称。

首先从项目的根目录：

cd android
./gradlew clean

然后用 your.ttf 文件的确切名称调用它

<Text style={{fontFamily: 'exactNameOfTheDownloadedFont'}}> Hello </Text>

Answer 3

if you run the npx react-native link and it did not work on android, you need to copy the fonts and paste them on android/src/main/assets/fonts/ then on command line write npx react-native run-android