SwiftUI ViewModifier不作为NavigationLink工作

Question

我有以下ViewModifier，但它不工作：

import SwiftUI

struct NavLink: ViewModifier {
    let title: String
    
    func body(content: Content) -> some View {
        NavigationLink(destination: content) {
            Text(title)
        }
    }
}

extension View {
    func navLink(title: String) -> some View {
        modifier(NavLink(title: title))
    }
}

如果我这样说的话：

import SwiftUI

struct MainScreen: View {
    var body: some View {
        NavigationStack() {
            VStack {
                // This does not work
                NavStackScreen()
                    .navLink(title: "Nav Stack")

                // But this does
                Helper.linked(to: NavStackScreen(), title: "Nav Stack 2")
            }
        }
    }
}

struct Helper {
    static func linked(to destination: some View, title: String) -> some View {
        NavigationLink(destination: destination) {
            Text(title)
        }
    }
}

如果点击，它将创建链接并将一个新视图推送到屏幕上；但是，NavStackScreen的内容不显示，只有一个空屏幕。对发生了什么事有什么想法吗？

供参考的NavStackScreen内容：

struct NavStackScreen: View {
    var body: some View {
        Text("Nav Stack Screen")
            .font(.title)
            .navigationTitle("Navigation Stack")
    }
}

如果我在帮助器结构中使用静态帮助函数，那么它将正确工作：

    static func linked(to destination: some View, title: String) -> some View {
        NavigationLink(destination: destination) {
            Text(title)
        }
    }

我添加了MainView的完整代码以供参考，并以更详细的方式更新了示例，以便于复制。

Answer 1

修饰符不能工作，因为content参数不是要修改的实际视图，而是一个代理：

content是视图的代理，该视图将由Self表示修饰符。

参考文献。

这是对修饰符的快速调试所显示的：

(lldb) po content
SwiftUI._ViewModifier_Content<SwiftUIApp.NavLink>()

由于代理是SwiftUI的内部类型，我们无法确定为什么NavigationLink不能与它一起工作。

解决方法是跳过修饰符，只在View上添加扩展

extension View {
    func navLink(title: String) -> some View {
        NavigationLink(destination: content) {
            Text(title)
        }
    }
}