【问题标题】:SwiftUI NavigationLink pops automatically which is unexpectedSwiftUI NavigationLink 会自动弹出,这是意料之外的
【发布时间】:2020-04-20 01:16:22
【问题描述】:

我在带有拆分视图(横向)的 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())

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

【问题讨论】:

  • @Asperi 请解释代码中有什么问题。我不明白为什么会这样。切换开关时屏幕不应该弹出,对吧?
  • 对不起,我错了,误读了代码 - 看起来像列表缓存问题。
  • @Asperi 刚刚更新了问题,没有使用List。任何其他想法可能是什么问题?

标签: ios navigationlink swiftui-navigationlink swiftui


【解决方案1】:

好的,这是我的调查结果(使用 Xcode 11.2 测试),下面是有效的代码。

在 iPad 中 NavigationView 进入 Master/Details 样式,因此 ContentView 具有初始链接处于活动状态并且进程绑定从 environmentObject 更新,因此刷新,这导致通过相同绑定激活详细信息视图的链接,从而损坏导航堆栈. (注意:由于 stack 样式,这在 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")
            }
        }
    }
}

【讨论】:

  • 感谢您对此进行调查!我明白为什么这会奏效。不幸的是,这不是我的解决方案。这是因为主视图需要能够在用户与之交互时“刷新”。
【解决方案2】:

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

我对此的研究:

  • 在 iOS 15 上正常(似乎 Apple 已修复)
  • 在 iOS 14 上仍然损坏
  • “当我删除 @EnvironmentObject 并改用 @ObservedObject 时,此错误消失的原因。” @Jon Vogel 提到 ObservedObject 是一个本地状态,不会受到其他视图的影响,而 EnvironmentObject 是全局状态,可以从任何其他远程视图更改。

【讨论】:

    猜你喜欢
    • 2021-08-13
    • 2019-11-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多