如何在本机android中添加自定义字体

我正在学习react-native,试图创建一些仅用于学习的演示应用程序.我想设置fontFamilyroboto瘦我的工具栏标题.

我在assets/fonts我的android项目的文件夹中添加了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)

当我删除字体然后它工作正常.我无法解决这个问题,任何人都可以帮助我这可能是什么原因.

提前致谢.

将所有字体放在React-Native项目目录中

./assets/fonts/

在package.json中添加以下行

"rnpm": {
  "assets": ["./assets/fonts"]
}

最后从项目目录中运行终端

$ react-native link

使用它在你的样式中声明这种方式

fontFamily: 'your-font-name without extension'

如果你的字体是Raleway-Bold.ttf那么,

fontFamily: 'Raleway-Bold'

添加您的字体文件

项目文件夹/ android/app/src/main/assets/fonts/font_name.ttf

记得重新编译是"react-native run-android"

然后你可以在你的风格中使用fontFamily:'font_name'

看这里的字体

更新

对于版本<0.60的react-native添加自定义字体，这里有许多答案。

对于使用react-native版本> 0.60的用户，'rnpm' is deprecated自定义字体将不起作用。

现在，要在react-native版本> 0.60中添加自定义字体，您将必须：

1- react-native.config.js在项目的根文件夹中创建一个名为的文件。

2-在新文件中添加

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

3- react-native link在根项目路径中运行命令。

PS在运行react-native link命令之前，请确保您拥有正确的字体文件夹路径