Flutter开发：如何去除AppBar与Body内容之间残留的分割线？

这道残留分割线本质不是AppBar的elevation阴影没关干净，是三个开发者很容易踩的配置遗漏导致的，完全不需要弃用AppBar手写仿导航栏就能彻底解决：

• Scaffold本身的默认背景色没有统一配置。多数开发者只会给AppBar、body内部组件设同色，忽略了Scaffold作为最外层容器默认使用浅灰白色背景，只要AppBar和body组件之间存在1px级别的尺寸计算误差，Scaffold的默认底色就会露出来，形成类似分割线的视觉断层。
• Material3主题下AppBar的默认色调偏移。Flutter 3.16及以上版本默认启用Material3后，AppBar的surfaceTintColor会自动给设置的背景色叠加一层半透明白色调，哪怕elevation设为0，AppBar的实际显示色也和body里硬编码的Colors.blue存在极细微色差，远看就像一道细分割线。
• AppBar的滚动阴影默认值没有关闭。新版Flutter里的scrolledUnderElevation属性默认值不为0，哪怕静态显示时elevation设为0，AppBar依然会保留极淡的视觉边界，在页面存在滚动交互时还会弹出1px的阴影。

• 给Scaffold组件显式设置和AppBar、body完全一致的蓝色背景，从最外层容器杜绝漏色的可能。
• 给AppBar显式设置surfaceTintColor为和背景一致的蓝色（或透明色Colors.transparent），抵消Material3自带的色调叠加，让AppBar的实际显示色和body内组件的颜色完全统一。
• 把AppBar的scrolledUnderElevation设为0，彻底关掉残留的边界阴影。

修改后的可运行代码参考：

Widget build(BuildContext context) {
    return Scaffold(
      // 统一最外层容器的背景色
      backgroundColor: Colors.blue,
      appBar: AppBar(
        leading: SizedBox(),
        backgroundColor: Colors.blue,
        // 抵消Material3的默认色调偏移
        surfaceTintColor: Colors.blue,
        // 关闭滚动触发的阴影
        scrolledUnderElevation: 0,
        title: Text("Profile"),
        centerTitle: true,
        elevation: 0,
      ),
      body: Column(
        children: [
          SizedBox(
            height: 240,
            child: Stack(
              children: [
                ClipPath(
                  clipper: CustomShape(),
                  child: Container(
                    height: 150,
                    color: Colors.blue,
                  ),
                )
              ],
            ),
          ),
        ],
      ),
    );
  }

内容的提问来源于stack exchange，提问作者U. Watt