iPhone模拟器中Flutter Divider组件显示异常（呈三角形）

这种新机型模拟器上的UI渲染bug确实挺闹心的！结合你描述的情况（Android真机正常、多个iPhone 16模拟器版本都复现），大概率是Flutter对iPhone 16模拟器的渲染适配还没跟上，下面给你几个可行的解决思路：

1. 强制指定Divider的缩进参数 #

Flutter的Divider在部分新设备上可能会默认计算异常的缩进值，导致显示成三角形。你可以尝试给所有Divider明确设置indent和endIndent为0，强制让它占满父容器宽度：

// 自定义样式的Divider
Divider(
  thickness: 2,
  height: 2,
  color: Colors.red,
  indent: 0,
  endIndent: 0,
),
// 默认样式的Divider
Divider(indent: 0, endIndent: 0),

另外你代码里第一个Divider外面的SizedBox(width: double.infinity)其实是多余的，Divider本身默认会填充父容器宽度，去掉也不影响效果。

2. 用Container模拟Divider（最稳定的替代方案） #

如果Divider组件的渲染问题暂时无法解决，完全可以用Container来模拟横线，这种方式不受平台渲染逻辑影响，在任何设备上都能稳定显示：

// 替代自定义样式的Divider
Container(
  width: double.infinity,
  height: 2,
  color: Colors.red,
),
// 替代默认样式的Divider（默认thickness是1，height是16）
Container(
  width: double.infinity,
  height: 1,
  color: Theme.of(context).dividerColor,
),

3. 升级Flutter到最新稳定版 #

你当前使用的Flutter SDK是3.8.1，属于相对较早的稳定版，针对iPhone 16这类新机型的适配可能在后续版本中修复。执行以下命令升级到最新稳定版：

flutter upgrade

升级完成后重启模拟器，再重新运行项目看看问题是否消失。

4. 验证是否为模拟器专属bug #

可以创建一个全新的空白Flutter项目，只保留最基础的测试代码：

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Column(
      children: [
        Container(color: Colors.blue, padding: EdgeInsets.all(16), child: Text("1")),
        Divider(thickness: 2, color: Colors.red),
        Container(color: Colors.green, padding: EdgeInsets.all(16), child: Text("2")),
      ],
    ),
  );
}

如果新项目同样出现三角形的Divider，那基本可以确定是Flutter对iPhone 16模拟器的渲染bug，这时候可以去Flutter官方GitHub仓库搜索相关issue，或者提交新的issue反馈问题。

内容来源于stack exchange