如何在反应原生android中添加自定义字体

Question

我想将 fontFamily 设置为使我的工具栏标题变薄。

我在我的android项目的 assets/fonts 文件夹中添加了roboto thin ttf，但是它似乎在运行应用程序时产生了问题。我在运行时遇到了这个问题

反应原生开始

ERROR  EPERM: operation not permitted, lstat 'E:\Myntra\android\app\build\gener
ated\source\r\debug\android\support\v7\appcompat'
{"errno":-4048,"code":"EPERM","syscall":"lstat","path":"E:\\Myntra\\android\\app
\\build\\generated\\source\\r\\debug\\android\\support\\v7\\appcompat"}
Error: EPERM: operation not permitted, lstat 'E:\Myntra\android\app\build\genera
ted\source\r\debug\android\support\v7\appcompat'
    at Error (native)

当我删除字体时，它工作正常。我无法解决这个问题。什么原因？

原文由 N Sharma 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

1. 添加你的字体文件

   • Project folder/android/app/src/main/assets/fonts/font_name.ttf

2. 使用 react-native run-android

3. 然后你可以在你的风格中使用你的字体，例如

   • fontFamily: 'font_name'

在此处查看更多示例 自定义字体示例

原文由 Sport 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

对于 0.60 以上的 react-native 版本，在目录根目录下创建 react-native.config.js 文件并添加以下代码，

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

而且您还应该在目录的根目录中拥有 assets 文件夹。然后只需在终端中运行命令 npx react-native-asset 。这应该可以正常工作。

原文由 GerAlt 发布，翻译遵循 CC BY-SA 4.0 许可协议