如何将自定义字体添加到react-native v0.61.x？

Question

如何在react-native 0.61.x中添加自定义字体。添加0.60+自动链接后，我不知道如何链接自定义字体。

当我执行此命令时：

react-native link

这会产生一些附加的链接，从而产生额外的错误。

那我怎么只链接fonts文件夹。

Answer 1

本文精美地介绍了如何为ios和android添加自定义字体。请检查一下。香港专业教育学院完成使用它。

Custom font RN

Answer 2

在项目目录中创建一个Assets文件夹，然后创建一个fonts文件夹并粘贴所需的任何自定义字体，然后将此代码段添加到项目根目录中的react-native.config.js文件中（如果该文件不存在，不存在创建它）。

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

毕竟运行react-native link将资源链接到您的项目。

您现在可以使用字体。例如，我的yekan.ttf文件夹中有一种fonts字体，您可以像这样使用它：

const styles = StyleSheet.create({
    text: {
        fontFamily: "yekan",
    },
})

如您所见，使用自定义字体不带扩展名，我的意思是不要在末尾加上.ttf，否则将无法正常工作。

Answer 3

<块引用>

在根目录下创建一个文件（react-native.config.js）

module.exports = {
project: {
ios: {},
android: {}, // grouped into "project"
},
assets: ['./assets/fonts'], // stays the same
};

<块引用>

在root下创建一个名为assets的文件夹，将字体文件粘贴到fonts下 文件夹（资产/字体/xxxx.ttf）

<块引用>

在命令行中运行 npx react-native link。