SwiftUI：长按填充按钮显示进度？

问：

我为手表应用程序拼凑了这段代码，它有点工作，但并不完美。（1）填充不完全匹配，它从按钮视图的边界之外开始，但我无法弄清楚如何准确匹配按钮的大小。（2） 我无法将可点击区域扩展到视图的左侧和右侧。即使我添加或唯一可点击的部分是图像和文本所在的中间。有没有更好的方法可以做到这一点？.contentShape(rectangle).frame(maxWidth: .infinity)

struct ContentView2: View {
    
    @State var isComplete: Bool = false
    @State var isSuccess: Bool = false
    
    var body: some View {
        VStack {
            ZStack {
                RoundedRectangle(cornerRadius: 12.0)
                    .fill(isSuccess ? Color.clear : Color.red.opacity(0.50))
                    .frame(maxWidth: isComplete ? .infinity : 0)
                    .frame(height: 55) //How to now hard code this? 
                    .frame(maxWidth: .infinity, alignment: .leading)
                Button(action: {}, label: {
                    VStack  {
                        Image(systemName: "multiply.circle.fill")
                            .font(.system(size: 24, weight: .regular))
                            .foregroundColor(.red)
                        Text("Hold to End")
                            .font(.footnote)
                    }
                    .onLongPressGesture(minimumDuration: 1.0, maximumDistance: 50) {
                        withAnimation(.easeInOut) {
                            isSuccess = true
                            //perform action
                        }
                        
                    } onPressingChanged: { isPressing in
                        if isPressing {
                            withAnimation(.easeIn(duration: 1.0)) {
                                isComplete = true
                            }
                        } else {
                            DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
                                if !isSuccess {
                                    withAnimation(.easeInOut) {
                                        isComplete = false
                                    }
                                }
                            }
                        }
                    }
                })
                .tint(.pink)
                
            }
        }
    }
}

#Preview {
    ContentView2()
}