iOS 16中SwiftUI无法通过NavigationLink实现全屏展示问题

错误原因 #

你遇到的Type '() -> ()' cannot conform to 'View'编译错误，是因为NavigationLink的destination闭包必须返回一个View类型，但你在else分支中执行了isSelected.toggle()（无返回值的操作），不符合View的类型要求，导致编译失败。

解决方案 #

不能把触发全屏覆盖的逻辑放在NavigationLink的destination里，应该将按钮点击逻辑、导航、全屏展示三者分开处理。用Button替代原有的NavigationLink，在按钮的点击事件中判断条件，分别触发导航或全屏覆盖：

修改后的完整代码 #

import SwiftUI

struct LoginView: View {
    @State private var isSelected: Bool = false
    @State private var isSuccess: Bool = false
    @State private var navigateToHome = false // 新增：控制导航到HomeView的状态
    // 补充用户代码中缺失的user变量示例（根据实际情况替换）
    let user = User(id: "1", name: "Test User") 

    var nextButton: some View {
        HStack {
            Button("Test") {
                // 在按钮点击事件中处理条件逻辑
                if isSuccess {
                    navigateToHome = true
                } else {
                    isSelected.toggle()
                }
            }
            // 导航到HomeView的配置
            .navigationDestination(isPresented: $navigateToHome) {
                HomeView(user: user)
            }
            // 全屏展示ErrorView的配置
            .fullScreenCover(isPresented: $isSelected) {
                ErrorView()
                    .navigationBarHidden(true) // 这里可以直接控制ErrorView的导航栏隐藏
            }
            .buttonStyle(PlainButtonStyle())
            .font(.system(size: 24))
        }
    }

    var body: some View {
        NavigationStack {
            nextButton
        }
    }
}

// 补充示例所需的子视图定义（根据实际项目调整）
struct HomeView: View {
    let user: User
    var body: some View {
        Text("Welcome, \(user.name)!")
    }
}

struct ErrorView: View {
    var body: some View {
        Text("Login Failed!")
            .navigationTitle("Error")
    }
}

struct User: Identifiable {
    let id: String
    let name: String
}

关键说明 #

1. 用Button替代NavigationLink：Button的action闭包支持执行任意逻辑，不受View类型限制，适合处理条件分支。
2. 分离导航与全屏展示：分别通过navigationDestination（控制导航）和fullScreenCover（控制全屏弹窗）实现两种不同的跳转逻辑，代码更清晰。
3. ErrorView的导航栏控制：使用fullScreenCover弹出的ErrorView处于独立的视图层级，直接在ErrorView上添加.navigationBarHidden(true)即可隐藏导航栏，不会受HostingViewController的导航栏影响。

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