ios - React Native 60 中出现无法识别的字体系列错误
问题描述
这是错误的屏幕截图
react-native.config.js 文件
module.exports = {
project: {
ios: {},
android: {},
},
assets: ["./assets/fonts"]
};
我试图直接通过 XCode 工作,但同样
资源文件夹中的字体以及复制捆绑资源中的字体
它也存在于应用程序提供的字体中的 Info.plist 中
我多次确认一切,但总是触发这个错误
解决方案
按照这些简单的步骤将自定义字体添加到您的应用程序
将您想要的所有字体文件添加到react-native 项目根目录中的assets/fonts文件夹中
对于React-Native Version < 0.60,我们需要告诉 react-native 我们的自定义字体所在的位置。我们通过将 rnpm 添加到package.json来提供字体文件的路径来做到这一点
"rnpm": { "assets": [ "./assets/fonts/" ] },
对于React-Native 版本 > 0.60,我们需要创建一个文件“react-native.config.js”并添加
module.exports = { project: { ios: {}, android: {} }, assets: ['./assets/fonts/'] };
如果npm version > 5运行这个命令npx react-native link
如果npm version < 5运行这个命令react-native link
这应该在 iOS 的 Info.plist 文件中添加字体引用,在 Android 上将字体文件复制到android/app/src/main/assets/fonts。您可以通过从 iOS 文件夹中打开 Info.plist 并查找UIAppFonts密钥来验证这一点
推荐阅读
- c# - 发布到 IISServer 时如何更改 hostingModel="OutOfProcess"?
- f# - F#:为 maxCubeVolume 编写函数?
- validation - TensorFlow 数据唯一性验证
- firebase - 从 firebase 函数部署 Firebase 函数
- json - 将 JSON 数据存储在 DB 的一个字段中,并在 Flutter 应用中使用
- python - 如何检查数组中是否存在行,如果不存在则创建它,或者如果它在python中存在则修改它
- java - 无效的 XML 字符(Unicode:0x0)错误 - 解决问题
- git - 厨师 git :sync 动作没有拉新代码 - 我弄错了吗?
- linux - 是否可以创建虚拟符号链接?
- javascript - 打字稿:类型 'Promise<{}>' 不可分配给类型