如何消除Stack中Positioned Widgets之间的异常视觉间隙

这是Flutter图形渲染管线的抗锯齿采样伪影，和代码逻辑里是否设置真实间距无关：
Stack被InteractiveViewer做平移、缩放仿射变换时，内部Positioned子组件的最终渲染坐标会出现非整数值，GPU栅格化阶段对非整数坐标的组件边缘做抗锯齿计算时，会自然透出下层背景色，形成视觉上的细缝隙。缝隙可见度随变换参数随机变化，是因为不同缩放比、平移量下，组件边缘坐标的小数部分不断变化，抗锯齿的采样透明度也随之改变，就会出现时隐时现的效果。
这个问题是引擎层面的通用渲染问题，和具体业务代码无关，所有Stack+InteractiveViewer的组合都可能复现。

按推荐优先级排序：

• 微缩放覆盖法（最通用，无业务侵入）
  给Stack外层套一个极微幅的缩放变换，缩放值设为1.001~1.005即可，肉眼完全感知不到缩放变形，但足够覆盖边缘的抗锯齿缝隙：

  InteractiveViewer(
    child: Transform.scale(
      scale: 1.002,
      alignment: Alignment.topLeft, // 对齐方式和Stack保持一致即可
      child: Stack(
        // 原有Positioned子组件逻辑不变
      ),
    ),
  )
  

• 边缘重叠法（零渲染副作用）
  相邻Positioned组件的位置设置1像素的重叠量，比如横向排布的两个组件，前一个宽度为200，后一个的left值从200改为199，重叠1像素的区域完全挡住透出的背景，不会有任何显示异常。
• 关闭抗锯齿（仅适合纯色块场景）
  如果Positioned内是不需要抗锯齿的纯色块组件，直接关闭绘制抗锯齿即可消除采样缝隙：

  // 纯色绘制场景
  Paint paint = Paint()
    ..color = const Color(0xFFxxxxxx)
    ..isAntiAlias = false; // 关闭抗锯齿
  

• 渲染层隔离法
  给每个Positioned子组件套RepaintBoundary，让子组件独立栅格化缓存，减少整体变换时的采样偏差，适合子组件数量不多的场景。

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