android 如何在react native中使用cutome字体？

eit6fx6z 于 2023-06-20 发布在 Android

关注(0)|答案(2)|浏览(164)

我可以添加2个字体文件one\android\app\src\main\res\assets\fonts这里用ttf格式。其名称为粗体和普通

然后在根文件夹中创建一个文件，文件名为react-native.config.js，并添加以下代码

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

然后我在代码中这样使用字体

title: {
        fontFamily: 'Bold',
    },

但是在我的代码中，它不起作用，我的错误在哪里？请帮助我解决这个错误

2条答案

您需要将资源链接到项目。
从react-native 0.69开始，react-native链接已被删除。
运行npx react-native-assset将资产链接到两个平台
最后，请确保使用原始字体名称而不是显示名称，您可以在字体文件的属性中找到它

只需在终端中执行以下命令：- npx react-native-assset
请确保您必须使用相同的字体名称在您的资产文件。
如果我的字体名称是：ProximaNova-Black
比我写这个黑色：“ProximaNova-Black”，