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中进入 Master/Details 样式，因此具有初始链接的ContentView处于活动状态，并且进程绑定从 environmentObject 更新，因此刷新，这导致通过相同绑定激活详细信息视图的链接，从而损坏导航堆栈。 （注意：由于堆栈样式，这在 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 是全局状态，可以从任何其他远程视图更改。

Answer 3

您需要可以使用isDetailLink(_:)来解决这个问题，例如

struct FirstDestinationView: View {
    @Binding var isOn: Bool

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

Answer 4

当我删除@EnvironmentObject并使用@ObservedObject时，这个错误就消失了。