SwiftUI如何不使用NavigationLink实现View跳转（登录场景）

针对你的登录跳转需求，这里提供两种无需使用NavigationLink的实现方式，核心都是通过状态变量驱动视图切换，适配你的场景：

方法一：直接切换主视图内容 #

通过布尔状态变量控制当前显示登录页还是登录后页面，本质是替换整个视图层级，适合登录后无需返回登录页的场景。

示例代码：

import SwiftUI

struct ContentView: View {
    // 控制登录状态的核心变量
    @State private var isLoggedIn = false
    
    var body: some View {
        if isLoggedIn {
            LoggedInView()
        } else {
            LoginView(isLoggedIn: $isLoggedIn)
        }
    }
}

struct LoginView: View {
    // 绑定父视图的登录状态
    @Binding var isLoggedIn: Bool
    @State private var username = ""
    @State private var password = ""
    
    var body: some View {
        VStack(spacing: 20) {
            TextField("用户名", text: $username)
                .textFieldStyle(.roundedBorder)
                .padding(.horizontal)
            
            SecureField("密码", text: $password)
                .textFieldStyle(.roundedBorder)
                .padding(.horizontal)
            
            Button("登录") {
                // 验证逻辑，后续可替换为数据库校验
                if username == "username" && password == "password" {
                    isLoggedIn = true
                }
            }
            .buttonStyle(.borderedProminent)
        }
        .padding()
        .navigationTitle("登录")
    }
}

struct LoggedInView: View {
    var body: some View {
        VStack {
            Text("登录成功！")
                .font(.largeTitle)
                .fontWeight(.bold)
        }
        .navigationTitle("首页")
    }
}

方法二：使用全屏模态视图（fullScreenCover） #

通过全屏模态形式展示登录后页面，适合需要保留登录入口（比如支持退出登录返回）的场景。

示例代码：

import SwiftUI

struct ContentView: View {
    @State private var showLoggedInView = false
    
    var body: some View {
        LoginView(showLoggedInView: $showLoggedInView)
            .fullScreenCover(isPresented: $showLoggedInView) {
                LoggedInView()
            }
    }
}

struct LoginView: View {
    @Binding var showLoggedInView: Bool
    @State private var username = ""
    @State private var password = ""
    
    var body: some View {
        VStack(spacing: 20) {
            TextField("用户名", text: $username)
                .textFieldStyle(.roundedBorder)
                .padding(.horizontal)
            
            SecureField("密码", text: $password)
                .textFieldStyle(.roundedBorder)
                .padding(.horizontal)
            
            Button("登录") {
                if username == "username" && password == "password" {
                    showLoggedInView = true
                }
            }
            .buttonStyle(.borderedProminent)
        }
        .padding()
        .navigationTitle("登录")
    }
}

struct LoggedInView: View {
    // 用于退出登录返回登录页
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        VStack {
            Text("登录成功！")
                .font(.largeTitle)
                .fontWeight(.bold)
            
            Button("退出登录") {
                dismiss()
            }
            .buttonStyle(.bordered)
            .padding(.top, 20)
        }
        .navigationTitle("首页")
    }
}

关键提示 #

• 两种方法都遵循SwiftUI状态驱动视图的核心逻辑，只需维护状态变量即可实现跳转。
• 后续接入数据库验证时，只需将硬编码的判断逻辑替换为异步校验（注意要放在Task中执行异步操作）。
• 方法一的视图切换是完全替换，方法二支持返回登录页，可根据业务需求选择。

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