Swiftui 快速不透明度梯度

我希望我的滚动视图在边缘附近淡出。我已经实现了一个面具，它几乎实现了我想要的。但是，滚动停止工作，遮罩会使矩形变黑（应该有图像）

我看过另一篇文章，它将背景颜色覆盖在视图的顶部，以创建一个看起来像淡出的东西，但我的背景是渐变的，所以它不起作用

var body: some View {
    ZStack {
        LinearGradient(
            gradient: Gradient(colors: [Color(#colorLiteral(red: 0.1333333333, green: 0.7098039216, blue: 0.4509803922, alpha: 1)), Color(#colorLiteral(red: 0.1607843137, green: 0.6705882353, blue: 0.8862745098, alpha: 1))]),
            startPoint: .top, endPoint: .bottom)
            .ignoresSafeArea()
        
        LinearGradient(gradient: Gradient(colors: [.clear, .black, .clear]), startPoint: .leading, endPoint: .trailing)
            .mask(ScrollingRectangles())
    }
}

以下是上述代码的结果：

下面是一个例子，我把它放在一起，以说明我正在努力实现的目标

---

这是否回答了您的问题？@Asperi此方法正在创建白色渐变叠加。我猜systemBackground默认为白色？为什么不使用颜色：.clear？@Omid链接的方法已经覆盖了一个从透明到背景（显示为白色）的渐变，因此如果我在另一端进行了清除，它将全部清除。对不起，它从透明到systemBackground（显示为白色）这能回答你的问题吗？@Asperi这种方法正在创建一个白色渐变叠加。我猜systemBackground默认为白色？为什么不使用颜色：.clear？@Omid链接的方法已经覆盖了一个从透明到背景（显示为白色）的渐变，因此如果我在另一端进行了清除，它将全部清除。对不起，它从透明到systemBackground（显示为白色）