SwiftUI NavigationLink 自动弹出，这是出乎意料的

Question

我在带有拆分视图（横向）的 iPad 上的 NavigationLink 遇到了一些问题。下面是一个例子：

这是重现问题的代码：

import SwiftUI

final class MyEnvironmentObject: ObservableObject {
    @Published var isOn: Bool = false
}

struct ContentView: View {
    @EnvironmentObject var object: MyEnvironmentObject

    var body: some View {
        NavigationView {
            NavigationLink("Go to FirstDestinationView", destination: FirstDestinationView(isOn: $object.isOn))
        }
    }
}

struct FirstDestinationView: View {
    @Binding var isOn: Bool

    var body: some View {
        NavigationLink("Go to SecondDestinationView", destination: SecondDestinationView(isOn: $isOn))
    }
}

struct SecondDestinationView: View {
    @Binding var isOn: Bool

    var body: some View {
        Toggle(isOn: $isOn) {
            Text("Toggle")
        }
    }
}

// Somewhere in SceneDelegate
ContentView().environmentObject(MyEnvironmentObject())

有谁知道解决这个问题的方法？一个简单的解决方法是禁用拆分视图，但这对我来说是不可能的。

Answer 1

好的，这是我的调查结果（使用 Xcode 11.2 测试），下面是有效的代码。

在 iPad 中，NavigationView进入主/详细信息样式，因此ContentView初始链接处于活动状态，并且过程绑定从环境对象更新，因此刷新，这导致通过相同的绑定激活详细信息视图的链接，从而损坏导航堆栈。（注意：由于堆栈样式，这在 iPhone 中不存在，这会停用根视图）。

因此，这可能是解决方法，但是有效 - 这个想法不是将绑定从一个视图传递到另一个视图，而是直接在最终视图中使用environmentObject。也许情况并不总是如此，但无论如何在这种情况下，需要避免根视图刷新，因此它不应该在主体中具有相同的绑定。类似的事情。

final class MyEnvironmentObject: ObservableObject {
    @Published var selection: Int? = nil
    @Published var isOn: Bool = false
}

struct ContentView: View {
    @EnvironmentObject var object: MyEnvironmentObject

    var body: some View {
        NavigationView {
            List {
                NavigationLink("Go to FirstDestinationView", destination: FirstDestinationView())
            }
        }
    }
}

struct FirstDestinationView: View {

    var body: some View {
        List {
            NavigationLink("Go to SecondDestinationView", destination: SecondDestinationView())
        }
    }
}

struct SecondDestinationView: View {
@EnvironmentObject var object: MyEnvironmentObject

    var body: some View {
        VStack {
            Toggle(isOn: $object.isOn) {
                Text("Toggle")
            }
        }
    }
}

Answer 2

当内部的某些内容EnvironmentObject发生变化时，它将再次渲染整个视图，包括NavigationLink. 这就是自动弹回的根本原因。

我对此的研究：

• 在 iOS 15 上正常（似乎 Apple 已修复）
• 在 iOS 14 上仍然无法使用
• 为什么“当我删除 @EnvironmentObject 并使用 @ObservedObject 时，这个错误就消失了”。@Jon Vogel提到ObservedObject是本地状态，不会受到其他视图的影响，而EnvironmentObject是全局状态并且可以从任何其他远程视图更改。