问题现象
不知小伙伴们发现了没有?在 SwiftUI 中如果有多个 NavigationLink 视图嵌入在 Grid(包括 LazyVGrid 和 LazyHGrid)容器中,点击其中任意一个 NavigationLink 都会导致所有导航一起发生。
如上图所示,点击 Grid 中任何一个 NavigationLink,所有 NavigationLink 都会一起“走你”,这可不是我们想要的结果。
在本篇博文中,您将学到以下内容
- 问题现象
- 1. 明察秋毫:探寻问题现象
- 2. 你想不到的解决之道
- 3. 暗度陈仓:另一种解决方案
- 总结
- 结束语
这个问题在最新的 iOS 18 中仍然存在。想知道如何解决么?其实超乎寻常的简单!
那还等什么呢?Let’s fix it!!!😉
1. 明察秋毫:探寻问题现象
从演示图中可以看到,当我们点击 Grid 中任何单个导航链接(NavigationLink)时,看起来貌似整个 Grid 都被点击了。这就会造成 Grid 中所有的 NavigationLink 同时发生导航跳转。
从下图可以看到,当我们点击任何独立的 NavigationLink 时,整个 Grid 看起来都被选中了,甚至当我们点击 Grid 中空白处时仍然会发生导航行为:<