因此，我在网络和许多应用程序上看到了许多人通过滑动来购买按钮。我认为在我的应用程序上实现它会很好。但由于某些原因，ZStack不能正常工作，背景在滑动箭头的顶部。我不能正确地将它放在另一个视图中。此外，当可滑动的箭头完全位于末端时，如何执行动作？

import SwiftUI

struct ContentView: View {
    @State var viewState = CGSize(width: 0, height: 50)

    var body: some View {

        ZStack{

/// This part is the background of the swipe to buy 

            RoundedRectangle(cornerRadius: 10)
                .offset(x: viewState.width)
                .frame(width: 800,height: 100)

            HStack{

// This part is the actual swiping arrow 

                ZStack {
                    RoundedRectangle(cornerRadius: 30)
                        .fill(Color.blue)
                        .frame(width: 100, height: 100)
                        .offset(x: viewState.width)
                        .gesture(
                            DragGesture().onChanged { value in
                                viewState = value.translation
                            }
                            .onEnded { value in
                                withAnimation(.spring()) {
                                    viewState = .zero
                                }
                            }
                    )

                    Image(systemName: "chevron.right")
                        .offset(x: viewState.width)
                        .gesture(
                            DragGesture().onChanged { value in
                                viewState = value.translation
                            }
                            .onEnded { value in
                                withAnimation(.spring()) {
                                    viewState = .zero
                                }
                            }
                    )

                }

                Spacer()
            }

        }

    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}
'''