SwiftUI自定义ViewModifier实现NavigationLink跳转后目标页空白问题

核心是对ViewModifier的content参数性质、SwiftUI视图树渲染机制理解有误：
ViewModifier的设计语义是在当前视图层级位置，给被修饰的视图追加样式、布局、交互等修改，它拿到的content不是普通的独立视图值，是SwiftUI内部生成的、已经绑定到当前渲染树节点的视图代理，生命周期、环境上下文（包括导航栈环境、父视图锚点、显示优先级）完全绑定在添加修饰符的视图位置。

你的写法相当于把本来应该作为当前VStack子视图渲染的NavStackScreen实例，直接从当前节点移除，塞给NavigationLink当跳转目标。SwiftUI的视图节点不允许跨层级随意挂载，一个节点不能同时归属两个不同的父层级，这个绑定了主页面上下文的视图被挪到导航新页面层级后，上下文完全丢失，自然只能渲染出空白。

两种写法的本质差异：

• Helper静态方法实现：调用时传入的NavStackScreen()是专门为跳转目标创建的独立实例，从未被加入主页面视图树，没有绑定主页面的渲染上下文，跳转时系统会为它在新的导航层级创建独立渲染节点，因此可以正常显示。
• 自定义NavLink修饰符实现：写为NavStackScreen().navLink(title: "Nav Stack")时，NavStackScreen()首先会被判定为主页面VStack的子节点，绑定主页面上下文，之后才被modifier包进NavigationLink作为目标，节点脱离原有父上下文后渲染失效，因此显示空白。

如果要保留链式调用的写法，不需要自定义ViewModifier，直接给View写扩展即可。扩展里拿到的self会为跳转目标生成独立的视图副本，不会绑定当前层级的上下文：

extension View {
    func navLink(title: String) -> some View {
        NavigationLink {
            self // 生成当前视图的独立副本作为跳转目标
        } label: {
            Text(title)
        }
    }
}

替换掉原来的NavLink ViewModifier和对应扩展方法后，原有调用方式不需要改动，跳转后即可正常显示目标页内容。

注意：不要在ViewModifier中尝试用content实现「把被修饰视图整体挪到其他层级/其他位置渲染」的逻辑，这类场景完全不符合ViewModifier的设计预期，必然会出现上下文丢失的渲染问题。ViewModifier仅适合给当前位置的被修饰视图添加样式、布局调整、同层级交互、同层级背景/覆盖等效果。

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