Flutter Alert Dialog跨iPhone设备行间距不一致问题求助

问题本质 #

不同iOS设备（如iPhone 11与iPhone 12 mini）的Alert Dialog渲染差异，核心原因是Flutter默认文本样式会继承设备系统的字体行高参数，部分设备的系统默认行高设置偏大，导致文本排版溢出弹窗。

FlutterFlow可视化配置方案 #

• 固定文本行高：打开Alert Dialog内的文本组件设置，找到Text Style选项，手动指定height参数（建议设置为1.2-1.4区间），替代系统默认行高计算逻辑。
• 限制弹窗高度：用Container包裹Alert Dialog内容，设置maxHeight为屏幕高度的70%左右，同时开启文本组件的自动换行，若文本过长则用Scrollable组件包裹，保证内容可滚动查看。
• 统一全局字体：在项目全局设置中指定自定义字体（如Inter、Roboto），替换系统默认字体，消除设备间字体差异带来的排版问题。

代码修改方案（适配FlutterFlow导出场景） #

若需手动调整代码，可直接修改Alert Dialog的文本部分，固定行高并添加滚动容器：

AlertDialog(
  content: Container(
    constraints: BoxConstraints(maxHeight: MediaQuery.of(context).size.height * 0.7),
    child: SingleChildScrollView(
      child: Text(
        "你的弹窗完整文本内容",
        style: TextStyle(
          height: 1.2, // 根据实际文本调整合适的固定行高
          fontFamily: 'Inter', // 可选：指定统一字体
        ),
      ),
    ),
  ),
)

验证建议 #

• 测试覆盖更多iOS设备（如iPhone SE、iPhone 14 Pro），确认行高在不同尺寸设备下的适配效果。
• 针对多语言文本，重点验证非拉丁语系内容的排版表现。

内容的提问来源于stack exchange，提问作者user23434214