SwiftUI按钮点击如何触发多功能？注册后跳转mapView问题求解

我做了一个用户注册页面，"Continue"按钮需要把新数据上传到Firebase的同时，跳转到下一个mapView页面。现在注册功能正常，但就是搞不定怎么跳转到mapView。

我试过在按钮的action里直接加mapView()，但Xcode提示警告："Result of 'mapView' initializer is unused"。

初始按钮代码（仅注册功能正常） #

Button(action:{
    guard !email.isEmpty, !password.isEmpty else {
        return
    }
    
    viewModel.signUp(email: email, password: password)

} , label: {
    Text("Continue")
        .foregroundColor(.white)
        .frame(width: 350, height: 35)
        .background(Color.blue)
        .cornerRadius(20)
})

添加mapView()后的代码（出现警告且不跳转） #

Button(action:{
    guard !email.isEmpty, !password.isEmpty else {
        return
    }
    
    viewModel.signUp(email: email, password: password)
    mapView()
} , label: {
    Text("Continue")
        .foregroundColor(.white)
        .frame(width: 350, height: 35)
        .background(Color.blue)
        .cornerRadius(20)
})

直接实例化mapView()不会触发页面跳转——SwiftUI需要通过导航栈或状态变量来管理视图切换，以下是两种实用方案：

方案一：使用NavigationStack（iOS 16+） #

1. 把注册页面包裹在NavigationStack中，通过状态变量触发跳转：

NavigationStack {
    // 你的注册页面UI内容
    Button(action:{
        guard !email.isEmpty, !password.isEmpty else {
            return
        }
        
        viewModel.signUp(email: email, password: password)
    } , label: {
        Text("Continue")
            .foregroundColor(.white)
            .frame(width: 350, height: 35)
            .background(Color.blue)
            .cornerRadius(20)
    })
    // 根据注册状态跳转至mapView
    .navigationDestination(isPresented: $viewModel.isRegistered) {
        mapView()
    }
}

2. 在ViewModel中添加状态变量，并在注册成功后更新：

class ViewModel: ObservableObject {
    @Published var isRegistered = false
    
    func signUp(email: String, password: String) {
        Auth.auth().createUser(withEmail: email, password: password) { result, error in
            if let error = error {
                print(error.localizedDescription)
                return
            }
            // 注册成功后切换状态，触发跳转
            self.isRegistered = true
        }
    }
}

方案二：用@State变量直接切换视图 #

如果不需要导航栈，可以通过状态变量直接替换当前显示的视图：

struct RegisterView: View {
    @State private var showMapView = false
    @State private var email = ""
    @State private var password = ""
    @ObservedObject var viewModel = ViewModel()
    
    var body: some View {
        if showMapView {
            mapView()
        } else {
            // 你的注册页面UI
            Button(action:{
                guard !email.isEmpty, !password.isEmpty else {
                    return
                }
                
                viewModel.signUp(email: email, password: password) { success in
                    if success {
                        showMapView = true
                    }
                }
            } , label: {
                Text("Continue")
                    .foregroundColor(.white)
                    .frame(width: 350, height: 35)
                    .background(Color.blue)
                    .cornerRadius(20)
            })
        }
    }
}

同时给ViewModel的signUp方法添加回调，确保注册成功后再跳转：

class ViewModel: ObservableObject {
    func signUp(email: String, password: String, completion: @escaping (Bool) -> Void) {
        Auth.auth().createUser(withEmail: email, password: password) { result, error in
            if let error = error {
                print(error.localizedDescription)
                completion(false)
                return
            }
            completion(true)
        }
    }
}

核心说明 #

• 直接调用mapView()只是创建了视图实例，但没有将其加入SwiftUI的视图层级，所以不会显示。
• SwiftUI是状态驱动的，必须通过状态变量的变化来触发视图切换。
• 一定要在Firebase注册的异步回调中更新状态，确保只有注册成功后才执行跳转。

内容的提问来源于stack exchange，提问作者k.arias