如何在不使用“链接”的情况下将自定义 fonts 添加到 React Native 中？

Question

我一直在尝试在我的 React Native 项目中添加 custom.ttf 字体，但 Metro 一直告诉我它是 iOS 模拟器中的“无法识别的字体系列”。 起初我尝试使用npx react-native link ，但我发现它已被删除，我必须手动添加它们。

然后我关注了一篇文章，其中我在 Xcode 中创建了一个字体组，在那里添加了字体文件，使用 fonts 更新了我的Info.plist文件以使用，并尝试重新启动我的 React Native 构建。 这也没有奏效。

既然链接不再是一种选择，那么应该如何在 React Native 中添加自定义 fonts？

Answer 1

这个库会对你有所帮助。 我自己也在使用它。 https://www.npmjs.com/package/react-native-asset 。

Answer 2

解决方案。 经过几个小时不知道出了什么问题，我终于发现您已经指定了一个平台，例如npx react-native run-ios 。

I had previously been running npx react-native start which caused an error, most likely having to do with React compiling the project to both Android and iOS (I've only set up iOS fonts so far).

npx react-native-asset帮助自动设置了我的info.plist文件，并为 fonts 创建了一个 Xcode 组。