iOS16中SwiftUI的NavigationLink与NavigationStack按钮导航失效问题

问题根源 #

你错误地将NavigationLink放在了Button的点击事件闭包里。NavigationLink是SwiftUI的视图组件，不是可调用的函数，把它放在闭包里只会创建一个未被使用的视图实例，所以会出现“Result of 'NavigationLink<Label, Destination>' initializer is unused”警告，同时跳转逻辑完全失效。

解决方案一：直接使用NavigationLink（无前置逻辑时） #

如果点击按钮后不需要先执行额外逻辑（比如登录校验），直接用NavigationLink替代Button即可，它本身具备可点击跳转的能力，样式可以自定义：

import SwiftUI

struct LoginView: View {
    // 需提前定义并赋值user变量，示例假设为User类型
    let user: User

    var nextButton: some View {
        HStack {
            NavigationLink {
                HomeView(user: user)
            } label: {
                Text("Next")
                    .font(.system(size: 24))
            }
            .buttonStyle(PlainButtonStyle())
        }
    }

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

解决方案二：通过NavigationPath控制跳转（需前置逻辑时） #

如果需要先执行登录验证、数据处理等逻辑再跳转，使用NavigationStack的path绑定来管理导航：

import SwiftUI

struct LoginView: View {
    let user: User
    // 定义导航路径状态变量
    @State private var navigationPath = NavigationPath()

    var nextButton: some View {
        HStack {
            Button("Next") {
                // 这里添加你的登录校验、数据处理等逻辑
                // ...
                
                // 逻辑完成后，将目标视图加入导航路径实现跳转
                navigationPath.append(HomeView(user: user))
            }
            .buttonStyle(PlainButtonStyle())
            .font(.system(size: 24))
        }
    }

    var body: some View {
        NavigationStack(path: $navigationPath) {
            nextButton
                // 注册导航目标，告诉SwiftUI如何处理路径中的视图
                .navigationDestination(for: HomeView.self) { destinationView in
                    destinationView
                }
        }
    }
}

注意事项 #

代码中的user变量需要你在LoginView中提前定义并赋值（比如通过参数传入、状态变量存储等），否则会出现未定义的编译错误。

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