SwiftUI 中 Grid 内多个 NavigationLink 同时发生导航之诡异问题的解决

问题现象

不知小伙伴们发现了没有？在 SwiftUI 中如果有多个 NavigationLink 视图嵌入在 Grid（包括 LazyVGrid 和 LazyHGrid）容器中，点击其中任意一个 NavigationLink 都会导致所有导航一起发生。

如上图所示，点击 Grid 中任何一个 NavigationLink，所有 NavigationLink 都会一起“走你”，这可不是我们想要的结果。

这个问题在最新的 iOS 18 中仍然存在。想知道如何解决么？其实超乎寻常的简单！

那还等什么呢？Let’s fix it！！！😉

---

1. 明察秋毫：探寻问题现象

从演示图中可以看到，当我们点击 Grid 中任何单个导航链接（NavigationLink）时，看起来貌似整个 Grid 都被点击了。这就会造成 Grid 中所有的 NavigationLink 同时发生导航跳转。

从下图可以看到，当我们点击任何独立的 NavigationLink 时，整个 Grid 看起来都被选中了，甚至当我们点击 Grid 中空白处时仍然会发生导航行为：<