SwiftUI中使用NavigationLink无法跳转新视图的问题求助

• 你把NavigationLink放在了Button的action闭包里，这是错误的。NavigationLink是SwiftUI视图类型，必须添加到视图层级中才能生效，而按钮的action闭包是用来执行逻辑代码的，不是放置视图的地方，所以会出现"Result of 'NavigationLink<Label, Destination>' initializer is unused"警告。
• 你的根视图没有被导航容器（NavigationStack或NavigationView）包裹，这是点击后无反应的核心原因——SwiftUI需要导航容器来管理视图栈。

下面提供两种常用的实现方式，根据你的iOS版本选择：

方式一：直接使用NavigationLink替代Button（最简单） #

如果你的按钮只是用来触发跳转，直接用NavigationLink即可，它本身就具备按钮的交互能力：

struct ContentView: View {
    var body: some View {
        // iOS 16+ 使用 NavigationStack，iOS 15及以下用 NavigationView
        NavigationStack {
            VStack(spacing: 40) {
                NavigationLink(destination: TestView()) {
                    Text("Management")
                }
                
                NavigationLink(destination: /* 你的计算器视图 */) {
                    Text("Calculator")
                }
            }
        }
    }
}

方式二：编程式导航（适合需要先执行逻辑再跳转的场景） #

如果需要点击按钮后先执行一些逻辑，再跳转，可以用NavigationPath结合NavigationStack来实现编程式导航：

struct ContentView: View {
    // 用NavigationPath管理导航栈
    @State private var navigationPath = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $navigationPath) {
            VStack(spacing: 40) {
                Button("Management") {
                    // 先执行你的逻辑代码
                    print("执行管理相关逻辑")
                    // 跳转到TestView
                    navigationPath.append(TestView())
                }
                
                Button("Calculator") {
                    // 执行计算器逻辑
                    print("执行计算器相关逻辑")
                    // 跳转到计算器视图
                    navigationPath.append(/* 你的计算器视图 */)
                }
            }
            // 定义路径对应的视图
            .navigationDestination(for: TestView.self) { _ in
                TestView()
            }
            // 如果有其他视图，继续添加navigationDestination
            .navigationDestination(for: CalculatorView.self) { _ in
                CalculatorView()
            }
        }
    }
}

// 假设你的计算器视图
struct CalculatorView: View {
    var body: some View {
        Text("Calculator View")
    }
}

低版本兼容（iOS 15及以下） #

如果你还在使用iOS 15或更早版本，把NavigationStack换成NavigationView，编程式导航可以用状态变量结合NavigationLink(isActive:)的方式：

struct ContentView: View {
    @State private var isTestViewActive = false
    
    var body: some View {
        NavigationView {
            VStack(spacing: 40) {
                Button("Management") {
                    // 执行逻辑
                    isTestViewActive = true
                }
                
                // 隐藏的NavigationLink，用来触发跳转
                NavigationLink(destination: TestView(), isActive: $isTestViewActive) {
                    EmptyView()
                }
            }
        }
    }
}

内容的提问来源于stack exchange，提问作者Douglas W. Palme