SwiftUI：侧边滑入菜单跳转新视图后旧视图未隐藏问题求助

别担心，新手遇到这种布局层级问题太正常了！咱们来拆解下问题根源：你的NavigationView是放在侧边菜单SlideInMenuView内部的，但包含地图和菜单按钮的HomeView根本不在这个导航栈里——所以点击NavigationLink后，只是菜单内部的导航栈切换，外面的HomeView自然会留在原地。

解决方案：统一导航栈层级 #

把整个HomeView的内容包裹在NavigationView中，让所有视图共享同一个导航上下文，这样跳转时就能正确替换当前显示的内容。

1. 修改HomeView，添加顶层NavigationView

import SwiftUI
struct HomeView: View {
    @State var showMenu = false
    var body: some View {
        let drag = DragGesture()
            .onEnded {
                if $0.translation.width < -100 {
                    withAnimation {
                        self.showMenu = false
                    }
                }
            }
        // 将整个布局放入NavigationView中
        return NavigationView {
            GeometryReader { geometry in
                ZStack(alignment: .leading) {
                    if self.showMenu {
                        // 给侧边菜单传递showMenu绑定，方便点击时关闭菜单
                        SlideInMenuView(showMenu: self.$showMenu)
                            .frame(width: geometry.size.width)
                            .transition(.move(edge: .leading))
                    }
                    HomeSupportView()
                        .frame(width: geometry.size.width, height: geometry.size.height)
                        .cornerRadius(20)
                        .scaleEffect(self.showMenu ? 0.8 : 1)
                        .offset(x: self.showMenu ? 150 : 0, y : self.showMenu ? 50 : 0)
                        .disabled(self.showMenu ? true : false)
                    MenuButton(showMenu: self.$showMenu)
                }
                .gesture(drag)
            }
        }
    }
}

2. 修改SlideInMenuView，移除内部的NavigationView

import SwiftUI
struct SlideInMenuView: View {
    // 添加绑定，用于关闭菜单
    @Binding var showMenu: Bool
    
    var body: some View {
        VStack(alignment: .leading) {
            HStack {
                Image(systemName: "person")
                    .foregroundColor(.gray)
                    .imageScale(.large)
                Text("Profile")
                    .foregroundColor(.gray)
                    .font(.headline)
            }
            .padding(.top, 150.0)
            HStack {
                Image(systemName: "person.2.fill")
                    .foregroundColor(.gray)
                    .imageScale(.large)
                Text("Matches")
                    .foregroundColor(.gray)
                    .font(.headline)
            }
            .padding(.top, 30)
            NavigationLink(destination: PaymentDetailsView()) {
                HStack {
                    Image(systemName: "creditcard")
                        .foregroundColor(.gray)
                        .imageScale(.large)
                    Text("Payments")
                        .foregroundColor(.gray)
                        .font(.headline)
                }
                .padding(.top, 30)
            }
            .onTapGesture {
                // 点击菜单项时先关闭菜单，提升体验
                withAnimation {
                    showMenu = false
                }
            }
            HStack {
                Image(systemName: "hammer")
                    .foregroundColor(.gray)
                    .imageScale(.large)
                Text("Settings")
                    .foregroundColor(.gray)
                    .font(.headline)
            }
            .padding(.top, 30)
            Spacer()
        }
        .padding()
        .frame(maxWidth: .infinity, alignment: .leading)
        .background(Color(red: 32/255, green: 32/255, blue: 32/255))
        .edgesIgnoringSafeArea(.all)
    }
}

额外说明 #

• 核心逻辑：让所有需要参与导航的视图都处于同一个NavigationView的上下文里，这样NavigationLink才能正确触发整个页面的替换。
• 新增的onTapGesture是为了优化体验：点击菜单项时先关闭侧边菜单，再跳转到目标页面，避免跳转后菜单还停留在界面上。

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