Flutter自定义字体致iOS模拟器布局异常,如何适配iOS设备?
Flutter自定义字体iOS适配解决方案
核对字体名称一致性
iOS对字体的PostScript名称识别严格,不要使用自定义的family名称,而是通过Mac字体册打开字体文件,查看「字体信息」里的PostScript名称,将pubspec.yaml中fonts下的family值替换为这个官方名称。清理并重建iOS依赖
- 进入项目iOS目录:
cd ios - 移除现有pod依赖:
pod deintegrate - 删除锁文件:
rm Podfile.lock - 重新安装pod:
pod install - 返回项目根目录,清理Flutter缓存并重启项目:
flutter clean && flutter run
- 进入项目iOS目录:
确认字体文件已加入iOS资源
用Xcode打开项目的ios/Runner.xcworkspace,进入「Build Phases」→「Copy Bundle Resources」,检查自定义字体文件是否在列表中。若没有,直接将字体文件拖入该列表,勾选「Copy items if needed」。配置Info.plist字段
在Xcode的Info.plist中添加Fonts provided by application(对应键UIAppFonts),将所有自定义字体的完整文件名(如CustomFont-Regular.ttf)作为数组元素逐一添加。
内容的提问来源于stack exchange,提问作者ajubo
相关产品推荐
相关产品推荐

