Flutter中SliverAppBar与SliverPersistentHeader间细线问题求助

以下是几个实测有效的解决办法，你可以逐一尝试：

• 给SliverAppBar添加elevation: 0并设置shadowColor: Colors.transparent，彻底移除它的默认阴影效果——很多时候这条细线其实是阴影的边界残留：

  SliverAppBar(
    elevation: 0,
    shadowColor: Colors.transparent,
    backgroundColor: Colors.blue,
    // 其他原有配置
  )
  

• 给SliverPersistentHeader的child设置向上偏移1像素的margin，让它的背景覆盖边界缝隙：

  SliverPersistentHeader(
    delegate: _MyPersistentHeaderDelegate(),
  )
  
  // 自定义Delegate示例
  class _MyPersistentHeaderDelegate extends SliverPersistentHeaderDelegate {
    @override
    Widget build(BuildContext context, double shrinkOffset, bool overlapsContent) {
      return Container(
        margin: EdgeInsets.only(top: -1),
        color: Colors.blue,
        // 其他内容
      );
    }
    // 其他Delegate必要实现（minExtent、maxExtent等）
  }
  

• 给CustomScrollView设置clipBehavior: Clip.hardEdge，强制裁剪组件边界的半透明区域：

  CustomScrollView(
    clipBehavior: Clip.hardEdge,
    slivers: [
      // SliverAppBar和SliverPersistentHeader
    ],
  )
  

额外注意：确保两个组件的背景色完全一致（包括透明度参数），避免因颜色细微差异导致的视觉缝隙。

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