Flutter应用真机UI比模拟器偏大,出现渲染溢出问题
Flutter真机元素放大溢出问题解决方案
检查iOS系统显示缩放设置
iPhone的「设置-显示与亮度-视图」若设为「放大」模式,会强制缩放UI元素,导致Flutter应用适配异常。切换为「标准」模式后重启应用即可。固定Flutter文本缩放比例
在main.dart中通过MediaQuery强制固定文本缩放因子,避免系统缩放影响:return MaterialApp( builder: (context, child) { return MediaQuery( data: MediaQuery.of(context).copyWith(textScaleFactor: 1.0), child: child!, ); }, // 其他项目配置 );升级Flutter SDK至稳定版
旧版Flutter SDK可能存在iPhone12系列屏幕适配bug,执行命令升级:flutter upgrade检查iOS项目Info.plist配置
确认Info.plist中包含正确的启动屏幕配置(UILaunchScreen),同时确保UIUserInterfaceStyle、UISupportedInterfaceOrientations等参数设置正常,避免触发自动缩放逻辑。
内容的提问来源于stack exchange,提问作者gag0
相关产品推荐
相关产品推荐

