在 React Native 0.63 中添加自定义字体（适用于 iOS 和 Android）

由 Mux 赞助的 DEV 全球展示挑战赛：展示你的项目！

向 React Native 应用添加自定义字体非常简单，只需几个步骤即可完成。我将记录下我向应用添加自定义字体的步骤。

下载 Google 字体

首先，你需要从谷歌字体下载你想要的字体。

将字体添加到应用程序文件夹

fonts在根目录级别的 src/assets 文件夹中创建一个文件夹，并将下载的字体文件粘贴到该文件夹​​中。

导出字体

现在，在应用程序根目录下创建一个名为 `fonts.php` 的文件react-native.config.js，并添加字体文件夹的路径，如下所示：

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

将资产链接到项目

添加完成后，在项目文件夹中运行 link 命令。

npx react-native link

Link 命令会将字体文件添加到应用程序 android 文件夹中的 assets 文件夹和 iOS 文件夹中的 info.plist 文件中。

向目标添加资源

现在，您的自定义字体将在 Android 应用中开始生效，但您还需要完成最后一步才能使其在 iOS 上生效。

在 Xcode 中转到应用程序的目标位置，选择选项Build Phases卡，然后在“复制捆绑资源”选项卡中添加字体文件，如下所示。

大功告成！🎉🎊

欢迎在评论区分享你的想法