You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在React Native Expo应用中加载Satoshi自定义字体?(解决加载报错)

Expo加载Satoshi字体问题排查与需求

环境信息

  • Expo(需明确SDK版本)
  • React Native
  • 受影响平台(Android/iOS/Web)

操作步骤

已将Satoshi字体文件放入项目,参照YouTube教程尝试加载字体

问题现象

添加字体后出现报错(需粘贴具体错误信息及堆栈跟踪),应用要么显示系统默认字体,要么直接崩溃

预期结果

字体加载完成后,Text组件可正常使用Satoshi字体

已尝试操作

  • app.json/app.config.js的修改情况(如有)
  • 字体文件路径(示例:assets/fonts/Satoshi-Regular.ttf)
  • 字体加载代码(示例:useFonts或Font.loadAsync的极简实现)
  • 样式中字体引用方式(示例:fontFamily: 'Satoshi')

需提供信息

请提供以下内容:

  • 具体错误信息
  • Expo SDK版本(执行expo --version查看或项目配置中的sdkVersion字段)
  • 极简复现代码:
    • 应用字体加载代码片段(Kotlin/JS)
    • package.json中的相关依赖
    • assets/fonts/目录下的文件列表

具体需求

求一个Expo兼容的Satoshi字体加载与应用极简可行示例,需包含:

  1. 使用expo-font/useFonts的精确字体加载代码
  2. 字体名称注册及样式中的引用方式
  3. app.json中资源打包的必要步骤,以及常见错误排查方案(清除Metro缓存、重建原生应用、检查文件名与大小写)

内容的提问来源于stack exchange,提问作者Surendhar S

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.28 20:55:12