如何在React Native中使用自定义字体？

Question

我可以添加2个字体文件一个ndroid pp\src\main es ssets onts 此处为 ttf 格式。它的名字是Bold和normal

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

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

然后我以这种方式在代码中使用该字体

 title: {
        fontFamily: 'Bold',
    },

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

Answer 1

您需要将资产链接到您的项目。

从react-native 0.69开始，react-native链接已被删除。

运行

npx react-native-assset

将您的资产链接到两个平台

最后确保您使用的是原始字体名称而不是显示名称，您可以在字体文件的属性中找到它

Answer 2

只需在终端中触发此命令：-npx react-native-assset

确保您必须在资源文件中使用相同的字体名称。

如果我的字体名称是：ProximaNova-Black

我必须写这个黑色：“ProximaNova-Black”，