RoundedRectangle阴影边缘像素化问题求助

以下几种方案可以解决你遇到的阴影边缘像素化问题：

• 方案1：给阴影添加极小的模糊半径
  当阴影的radius设为.zero时，硬边缘的阴影在圆角处容易出现抗锯齿失效的情况。将radius改为一个极小值（比如0.1），既能保持近似硬边缘的视觉效果，又能触发系统的抗锯齿渲染：

  VStack { 
    // 你的内容
  }
  .background(
      RoundedRectangle(cornerRadius: 16, style: .continuous)
          .foregroundColor(.white)
          .shadow(color: .black,
                  radius: 0.1,
                  x: 4,
                  y: 4)
  )
  

• 方案2：用双层矩形模拟阴影
  如果需要完全无模糊的硬边缘阴影，可以直接叠加两个RoundedRectangle，将黑色矩形偏移后放在白色矩形下方，绕过系统阴影渲染的问题：

  VStack { 
    // 你的内容
  }
  .background(
      ZStack {
          RoundedRectangle(cornerRadius: 16, style: .continuous)
              .foregroundColor(.black)
              .offset(x: 4, y: 4)
          RoundedRectangle(cornerRadius: 16, style: .continuous)
              .foregroundColor(.white)
      }
  )
  

• 额外检查
  确认你的VStack没有被clipped()修饰符截断边缘，否则阴影的偏移部分可能被裁切，也会导致像素化问题。

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