SwiftUI：NavigationView/NavigationLink：启动并推送目的地？

Question

iOS Mail 应用启动时，您最近查看的邮箱已被推送到导航堆栈，即使它实际上是一个详细信息屏幕，并且根视图控制器是所有邮箱的列表。这在 UIKit 中是微不足道的，因为推送到导航控制器是微不足道的，并且可以在 viewDidLoad 或 applicationDidFinishLaunching 内部完成。

NavigationView 和 NavigationLink 是用于在 SwiftUI 中执行导航推送/弹出的 API，NavigationLink 支持几个模仿编程导航的 API - 但我不太清楚如何支持这个特定的用例。每次屏幕出现时都会调用onAppear 闭包（更像viewDidAppear 而不是viewDidLoad），因此设置与 NavigationLink 对应的 selection 值将导致在用户尝试弹出时重复推送该详细信息屏幕。我可以尝试对维护State 进行一些修改，以了解屏幕是否已被新查看，但这似乎并不理想。 （关于 NavigationLink 的 selection API 不稳定，我也遇到了一些问题，但这可能是一个单独的问题。）

有什么建议吗？如何在详细信息屏幕上启动应用程序，但在没有任何程序干预的情况下让 NavigationView 正常运行？

Answer 1

如果您不需要以模式或动画的形式呈现您的视图，您应该使用编程导航（NavigationLink with selection binding）来获得所需的行为。

例如，如果它是您的应用程序的根目录，则以下内容应该有效：

struct Item: Identifiable {
    let id: Int
    let name: String
}

struct NormalNav: View {
    @State var items: [Item] = [
        .init(id: 0, name: "One"),
        .init(id: 1, name: "Two"),
        .init(id: 2, name: "Three")
    ]

    @State private var selection: Int? = 1

    var body: some View {
        NavigationView {
            List {
                ForEach(items) { item in
                    NavigationLink(item.name,
                                   destination: Text(item.name),
                                   tag: item.id,
                                   selection: $selection)
                }
            }
        }
    }
}

上面的视图应该直接打开到第二个项目（“Two”），没有动画。

但是，有一个皱纹。如果您需要在 Sheet 中显示此视图，则会使用动画推送详细视图，这可能不是您想要的。

在this answer 的基础上，您可以在初始创建时抑制动画，但在后续导航时将其重新打开：

struct ContentView: View {
    @State var items: [Item] = [
        .init(id: 0, name: "One"),
        .init(id: 1, name: "Two"),
        .init(id: 2, name: "Three")
    ]

    @State private var selection: Int? = nil
    @State var isAnimationDisabled = true
    @State var isListPresented = false

    var body: some View {
        Button("Show list") {
            isListPresented = true
        }.sheet(isPresented: $isListPresented) {
            NavigationView {
                List {
                    ForEach(items) { item in
                        NavigationLink(item.name,
                                       destination: Text(item.name),
                                       tag: item.id,
                                       selection: $selection)
                    }
                }.animations(disabled: isAnimationDisabled)
            }.onChange(of: selection) { value in
                if value == nil {
                    isAnimationDisabled = false
                }
            }.onAppear {
                selection = 1
            }
        }
    }
}

extension View {
    func animations(disabled: Bool) -> some View {
        transaction { (tx: inout Transaction) in
            guard disabled else {
                return
            }
            tx.disablesAnimations = true
            tx.animation = .none
        }
    }
}