SliverPersistentHeader吸顶时，常见问题

fromLTRB 是什么

• EdgeInsets.fromLTRB(left, top, right, bottom) 是 Flutter 里创建边距/内边距的写法。
• LTRB 就是 Left / Top / Right / Bottom 四个方向。
• 你这句：
  • EdgeInsets.fromLTRB(10, pinned ? 6 : 10, 10, pinned ? 6 : 10)
• 含义是：
  • 左右固定 10
  • 上下在两种状态切换：pinned 时是 6，未吸顶时是 10

等价理解：

EdgeInsets.only(left: 10, top: pinned ? 6 : 10, right: 10, bottom: pinned ? 6 : 10)

• SliverPersistentHeader 的样式控制核心是 shrinkOffset，配合 AnimatedContainer + EdgeInsets.fromLTRB 就能优雅实现“吸顶前后不同边距/阴影/圆角”的动态效果。
• 场景：CustomScrollView + SliverPersistentHeader 做分类吸顶时，常见问题是透明背景、吸顶错位、内容挤压。
• 关键点：在 SliverPersistentHeaderDelegate.build(context, shrinkOffset, overlapsContent) 里用 shrinkOffset 判断吸顶状态并切样式。
• 实现方式：
• 用 pinned = shrinkOffset > 0 判断是否吸顶。
• 外层加白底 ColoredBox(color: Colors.white)，防止透底。
• 中间用 AnimatedContainer 动态修改 margin，实现吸顶前后边距过渡动画。
• 内部 ListView 设 padding: EdgeInsets.zero，避免额外顶部空隙。
• minExtent/maxExtent 设为能容纳内容的高度（例如 120），避免裁切和抖动。
• 结果：分类栏可稳定吸顶，且吸顶后有更精致的边距变化效果。
• 常见坑 1： minExtent/maxExtent 太小，内容高度放不下，导致挤压或露底。
• 常见坑 2： ListView 还带默认/额外 padding ，吸顶时看起来错位。
• 常见坑 3：只给内部卡片设色，外层没白底，吸顶后会透出下层背景。

避免复发的固定套路

• 外层固定白底： ColoredBox(color: Colors.white)
• 内容动画容器： AnimatedContainer(margin: ...)
• 内部列表： padding: EdgeInsets.zero
• 高度匹配： maxExtent/minExtent >= 内容实际高度 + 上下边距