SwiftUI中如何实现登录界面跳转至主界面？

看起来你的登录按钮点击后跳错了界面，大概率是model.login()方法里的逻辑没处理对，或者你没正确设置到MainView的跳转触发方式。下面给你几个具体的解决思路：

方法一：用NavigationLink绑定状态跳转 #

这种方式适合需要保留导航栈的场景（比如登录后允许返回登录页）：

首先在你的登录视图结构体里添加一个状态变量，用来控制是否跳转：

@State private var isLoginSuccess = false
@ObservedObject var model: LoginModel // 这里替换成你实际的Model类型

然后添加一个隐藏的NavigationLink，再修改按钮的Action逻辑：

// 隐藏的导航链接，绑定跳转状态
NavigationLink(destination: MainView(), isActive: $isLoginSuccess) {
    EmptyView()
}

// 你的登录按钮
Button(action: {
    // 执行登录逻辑
    model.login()
    // 假设你的Model里有个标记登录成功的属性，比如isLoggedIn
    if model.isLoggedIn {
        isLoginSuccess = true
    }
}) {
    Text("LOGIN")
        .fontWeight(.bold)
        .foregroundColor(Color("Color1"))
        .padding(.vertical)
        .frame(width: UIScreen.main.bounds.width - 30)
        .background(Color.white)
        .clipShape(Capsule())
}
.padding(.top, 22)

注意：你的登录视图必须包裹在NavigationView（iOS15及以下）或NavigationStack（iOS16+）里，不然NavigationLink不会生效。

方法二：用FullScreenCover全屏跳转 #

如果登录后不想让用户返回登录页，推荐用这种方式，体验更像原生APP的登录流程：

同样在登录视图里加状态变量：

@State private var showMainView = false
@ObservedObject var model: LoginModel

然后给按钮添加全屏覆盖的触发逻辑：

Button(action: {
    model.login()
    if model.isLoggedIn {
        showMainView = true
    }
}) {
    // 按钮样式不变
}
// 绑定全屏展示主界面的状态
.fullScreenCover(isPresented: $showMainView) {
    MainView()
}

关键排查点 #

• 检查你的LoginModel里的login()方法，是不是之前写了跳转到邮箱界面的逻辑？把那部分改成设置登录成功的状态（比如isLoggedIn = true），让视图层来控制跳转，而不是Model直接处理导航。
• 如果你用的是iOS16+，MainView里的NavigationView建议换成NavigationStack，避免嵌套导航栏的问题；如果是iOS15及以下，确保登录视图的NavigationView是根容器，MainView里可以去掉重复的NavigationView。

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