SwiftUI滑动面板出现在错误的位置

如何解决SwiftUI滑动面板出现在错误的位置

我正在尝试构建一个可以从右侧滑入的视图，但是该视图始终出现在屏幕底部，并且手势似乎不起作用。

核心视图如下：

@State private var offset = CGFloat.zero
@State private var closeOffset = CGFloat.zero
@State private var openOffset = CGFloat.zero

var body: some View {
        
        GeometryReader { geometry in
        VStack{
            
            //Title
            Text(self.question.title?.uppercased() ?? "Unknown Title")
                  .font(.largeTitle)
            //Detail
            Text(self.question.detail ?? "Unknown detail")
                  .font(.footnote)
                  .fontWeight(.light)

            // Text editor
            TextEditor(text: $answerText)
                .padding()
                // Gray out the main content when the slide menu comes in
                               Color.gray.opacity(
                                   Double((self.closeOffset - self.offset)/self.closeOffset) - 0.4
                               )
            

            // Slide menu
            RightPanelView()
                .background(Color.white)
                .frame(width: geometry.size.width * 0.7)
                // First,minus the value of offset for the screen width for the slide menu.
                .onAppear(perform: {
                    self.offset = geometry.size.width
                    self.closeOffset = self.offset
                    self.openOffset = geometry.size.width - geometry.size.width * 0.7
                })
                .offset(x: self.offset)
                // Set the animation of the slide.
                .animation(.default)
        
        }
        }
        // Implementing the gestures
        // Set swipe thresholds to prevent users from unexpectedly appearing in menus
            .gesture(DragGesture(minimumDistance: 5)
                .onChanged{ value in
                    // Reduce the value of the offset (menu position) according to the distance swiped
                    if (self.offset > self.openOffset) {
                        self.offset = self.closeOffset + value.translation.width
                    }
                }
                .onEnded { value in
                    // If the distance traveled is in the negative direction,open the menu
                    if (value.translation.width < 0) {
                        self.offset = self.openOffset
                    } else {
                        self.offset = self.closeOffset
                    }
                }
            )
        }

并且侧面视图很简单：

struct RightPanelView: View {
    var body: some View {
        Text("Right Panel View")
        Text("Right Panel View")
        Text("Right Panel View")
    }
}

但是，当我构建时，会得到以下结果：

右侧面板视图的内容仅显示在底部，并且似乎没有手势记录。

我曾尝试过以各种方式（在Z堆栈/ H堆栈内）重新配置菜单，甚至尝试通过按钮而不是手势来触发菜单，但是我所做的任何更改都无法使菜单滑动。