SwiftUI登录视图绑定ViewModel值为空及跳转UIKit首页问题

一、解决绑定值为空的问题 #

绑定失效通常源于自定义TextField绑定实现错误、ViewModel属性未正确响应变化，或视图间绑定传递错误，以下是修正方案：

1. 修正自定义TextFieldView的绑定实现 #

确保自定义视图使用@Binding接收外部绑定值，而非内部@State，保证输入内容能同步到外部ViewModel：

struct CustomTextFieldView: View {
    let placeholder: String
    let isSecure: Bool
    @Binding var text: String // 必须用@Binding接收外部绑定

    var body: some View {
        Group {
            if isSecure {
                SecureField(placeholder, text: $text)
            } else {
                TextField(placeholder, text: $text)
                    .keyboardType(.emailAddress)
            }
        }
        .textFieldStyle(.roundedBorder)
        .padding(.horizontal)
    }
}

2. 正确实现LoginTypeViewModel #

ViewModel需遵循ObservableObject，并使用@Published修饰绑定属性，确保值变化时能通知视图更新：

import Foundation

class LoginTypeViewModel: ObservableObject {
    @Published var emailInput = ""
    @Published var passwordInput = ""

    // 登录API调用逻辑
    func performLogin() async throws {
        guard !emailInput.isEmpty, !passwordInput.isEmpty else {
            throw LoginError.emptyCredentials
        }
        // 替换为你的实际API请求代码
        print("提交的邮箱：\(emailInput)，密码：\(passwordInput)")
    }
}

enum LoginError: LocalizedError {
    case emptyCredentials
    var errorDescription: String? {
        "邮箱或密码不能为空"
    }
}

3. 在LoginTypeView中正确复用并绑定 #

使用@StateObject持有ViewModel（SwiftUI 2.0+），保证视图生命周期内ViewModel的稳定性，同时正确传递绑定：

struct LoginTypeView: View {
    @StateObject private var viewModel = LoginTypeViewModel()
    @State private var loginSuccess = false

    var body: some View {
        VStack(spacing: 16) {
            CustomTextFieldView(
                placeholder: "请输入邮箱",
                isSecure: false,
                text: $viewModel.emailInput // 绑定到ViewModel的emailInput
            )

            CustomTextFieldView(
                placeholder: "请输入密码",
                isSecure: true,
                text: $viewModel.passwordInput // 绑定到ViewModel的passwordInput
            )

            Button("登录") {
                Task {
                    do {
                        try await viewModel.performLogin()
                        loginSuccess = true
                    } catch {
                        print("登录失败：\(error.localizedDescription)")
                    }
                }
            }
            .buttonStyle(.borderedProminent)
            .padding(.top, 16)
        }
        .padding()
        // 登录成功后跳转UIKit页面
        .fullScreenCover(isPresented: $loginSuccess) {
            UIKitHomePageWrapper()
        }
    }
}

二、实现登录成功跳转UIKit首页 #

通过UIViewControllerRepresentable将UIKit首页控制器包装为SwiftUI可识别视图，再用fullScreenCover或直接替换根控制器实现跳转：

方式1：用UIViewControllerRepresentable包装跳转 #

import SwiftUI
import UIKit

// 包装UIKit首页控制器
struct UIKitHomePageWrapper: UIViewControllerRepresentable {
    func makeUIViewController(context: Context) -> UIKitHomeViewController {
        // 替换为你的UIKit首页控制器类
        UIKitHomeViewController()
    }

    func updateUIViewController(_ uiViewController: UIKitHomeViewController, context: Context) {
        // 如需更新UIKit控制器内容，在此处理
    }
}

// 示例UIKit首页控制器（你的实际代码可直接复用）
class UIKitHomeViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .white
        let label = UILabel()
        label.text = "UIKit首页"
        label.font = .systemFont(ofSize: 24, weight: .bold)
        label.frame = view.bounds
        label.textAlignment = .center
        view.addSubview(label)
    }
}

方式2：直接替换根控制器（清空页面栈） #

如果需要完全替换当前页面栈，可在登录成功后执行以下代码：

// 在performLogin成功后执行
let homeVC = UIKitHomeViewController()
let navController = UINavigationController(rootViewController: homeVC) // 如UIKit首页有导航可添加

if let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
   let window = windowScene.windows.first {
    window.rootViewController = navController
    window.makeKeyAndVisible()
}

关键注意事项 #

• 自定义TextField必须使用@Binding，不能用内部@State，否则输入内容无法同步到外部ViewModel
• ViewModel的绑定属性必须加@Published，且视图用@StateObject（而非@ObservedObject）持有ViewModel，避免重复初始化导致值丢失
• 跳转UIKit页面时，根据需求选择fullScreenCover（模态跳转）或替换根控制器（完全切换）

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