SwiftUI中选择照片后Navigation Link自动返回的问题

你遇到的问题核心是NavigationView与TabView的嵌套结构错误，外加额外手势干扰了Tab选中状态，导致PhotosPicker关闭时触发导航栈意外弹出。以下是针对性的修复方案：

1. 调整NavigationView的嵌套结构 #

将外层包裹TabView的NavigationView移除，改为给每个Tab页面单独添加NavigationStack（iOS 16+推荐），符合SwiftUI导航规范，避免跨Tab的导航栈冲突。

修改后的MainTabView代码：

struct MainTabView: View {
    @State private var selectedIndex = 0

    init() {
        UITabBar.appearance().backgroundColor = UIColor.systemGray6
    }

    var body: some View {
        TabView(selection: $selectedIndex) {
            // 每个Tab页面单独管理导航栈
            NavigationStack {
                ConversationsView()
            }
            .tabItem {
                Image(systemName: "bubble.left")
            }
            .tag(0)
            
            NavigationStack {
                ChannelsView()
            }
            .tabItem {
                Image(systemName: "bubble.left.and.bubble.right")
            }
            .tag(1)
            
            NavigationStack {
                SettingsView()
            }
            .tabItem {
                Image(systemName: "gear")
            }
            .tag(2)
        }
        // 可选：统一设置导航标题
        .onChange(of: selectedIndex) { index in
            let titles = ["Chats", "Channels", "Settings"]
            UIApplication.shared.topViewController()?.navigationItem.title = titles[index]
        }
    }
}

// 辅助扩展：获取顶层导航控制器
extension UIApplication {
    func topViewController() -> UIViewController? {
        let keyWindow = connectedScenes
            .filter({$0.activationState == .foregroundActive})
            .map({$0 as? UIWindowScene})
            .compactMap({$0})
            .first?.windows
            .filter({$0.isKeyWindow}).first
        
        return keyWindow?.rootViewController?.topMostViewController()
    }
}

extension UIViewController {
    func topMostViewController() -> UIViewController {
        if let presented = presentedViewController {
            return presented.topMostViewController()
        }
        return self
    }
}

2. 移除Tab页面的额外点击手势 #

原代码中每个Tab页面添加的onTapGesture会干扰TabView本身的选中逻辑，导致选中状态异常，直接移除即可。

3. 给SettingsView的NavigationLink添加状态绑定 #

通过isActive绑定手动控制跳转状态，避免系统自动触发返回：

修改后的SettingsView代码：

struct SettingsView: View {
    @State private var isEditingProfile = false
    
    var body: some View {
        ZStack {
            Color(.systemGroupedBackground)
                .ignoresSafeArea()
            
            VStack(spacing: 32) {
                NavigationLink(isActive: $isEditingProfile) {
                    EditProfileView()
                        .interactiveDismissDisabled()
                } label: {
                    SettingsHeaderView()
                }
                
                VStack {
                    ForEach(SettingsCellViewModel.allCases, id: \.self) { viewModel in
                        SettingsCell(viewModel: viewModel)
                    }.padding(.top, -7)
                }
                
                Button {
                    print("Logging out...")
                } label: {
                    Text("Log Out")
                        .foregroundColor(.red)
                        .font(.system(size: 16, weight: .semibold))
                        .frame(width: UIScreen.main.bounds.width, height: 50)
                        .background(Color.white)
                }
                
                Spacer()
            }
        }
        .navigationTitle("Settings")
        .navigationBarTitleDisplayMode(.inline)
    }
}

4. 优化EditProfileView的PhotosPicker逻辑 #

原逻辑没问题，可优化onChange处理，避免重复触发：

// 修改EditProfileView中的PhotosPicker部分
PhotosPicker(selection: $selectedItems, maxSelectionCount: 1, matching: .images) {
    Text("Edit")
}
.onChange(of: selectedItems) { newValue in
    guard let item = newValue.first else { return }
    Task {
        do {
            if let data = try await item.loadTransferable(type: Data.self) {
                self.data = data
            } else {
                print("无法加载图片数据")
            }
        } catch {
            print("加载图片失败: \(error.localizedDescription)")
        }
    }
    // 选择后清空选中项，避免重复触发
    selectedItems = []
}

修复原理 #

• 每个Tab独立拥有导航栈，避免外层NavigationView与TabView的冲突，模态弹窗关闭时不会干扰其他页面导航状态。
• 移除额外手势，让TabView正常管理选中状态，避免选中项意外变化导致页面跳转。
• isActive绑定让NavigationLink跳转状态完全可控，防止系统自动触发返回。

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