ConfirmationDialog取消swiftui中的错误

发布于02月20日

当我跳转到设置页面并在弹出的对话框中单击取消时，它会自动返回到主页.我怎样才能避免这个问题呢？


import SwiftUI

struct ContentView: View {
    
    @State private var settingActive: Bool = false
    
    var body: some View {
        NavigationView {
            TabView {
                VStack {
                    
                    NavigationLink(destination: SettingView(), isActive: $settingActive) {
                        EmptyView()
                    }

                    Button {
                        settingActive.toggle()
                    } label: {
                        Text("Setting")
                    }
                }
                .padding()
            }
        }
    }
}

struct SettingView: View {
    
    @State private var logoutActive: Bool = false
    
    var body: some View {
        VStack {
            Button {
                logoutActive.toggle()
            } label: {
                Text("Logout")
            }
            .confirmationDialog("Logout", isPresented: $logoutActive) {
                Button("Logout", role: .destructive) {
                    
                }
            }
        }
    }
}


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

推荐答案

这似乎是在NavigationView内部使用TabView的问题.

您可以通过将TabView移动到您的顶级对象(它实际上应该在的位置)来解决这个问题，或者用新的NavigationStack替换NavigationView.

下面的实现还删除了不推荐使用的NavigationLink方法:

enum Router {
    case settings
}

struct ContentView: View {
    
    @State private var path = NavigationPath()
    
    var body: some View {
        TabView {
            NavigationStack(path: $path) {
                VStack {
                                        
                    Button {
                        path.append(Router.settings)
                    } label: {
                        Text("Setting")
                    }
                }
                .navigationDestination(for: Router.self) { router in
                    switch router {
                    case .settings:
                        SettingView(path: $path)
                    }
                }
                .padding()
            }
        }
    }
}

struct SettingView: View {
    
    @Binding var path: NavigationPath
    @State private var logoutActive: Bool = false
    
    var body: some View {
        VStack {
            Button {
                logoutActive = true
            } label: {
                Text("Logout")
            }
            .confirmationDialog("Logout", isPresented: $logoutActive) {
                Button("Logout", role: .destructive) {
                    
                }
            }
        }
    }
}