SwiftUI 嵌套 NavigationLink 导致双重转换

Question

在 iOS 15 上运行。当我 select 来自ItemListView的NavigationLink时，生成的ItemView在屏幕上动画两次。 我发现了这个问题的两个（反）修复：

1. 不要使用嵌套NavigationLinks 。 如果我将ItemListView视为应用程序的主视图，绕过NavigationTestView并将列表包装在其自己的NavigationView中，则视图会按预期转换。 这是一个非首发，因为我的应用程序可能需要嵌套 NavigationLinks。

2. 不要使用导航管理器。 将导航 state 保持在每个视图组件的本地并按预期传递绑定。 然而，这是维护的噩梦，代码很快就会变得不守规矩。

这是 SwiftUI 和底层系统的错误，还是我在某处犯了错误？ 如果我犯了一个错误，那是什么？ 如果问题出在 SwiftUI 上，在解决此问题之前，有哪些最佳实践可以解决？

请注意，此代码改编自本教程中提供的代码。 教程评论中的多人也抱怨这个问题。

// NavigationManager.swift

class NavigationManager: ObservableObject {
    @Published var itemListIsShown: Bool = false 
    @Published var selectedItem: String? = nil
}

// NavigationTestView.swift
// Application root view (Visually)

struct NavigationTestView: View {
    
    @EnvironmentObject var navigationManager: NavigationManager
    
    var body: some View {
        NavigationView {
            VStack {
                Text("Primary view")
                
                NavigationLink(
                    destination: ItemListView(),
                    isActive: $navigationManager.itemListIsShown) {
                        Text("Show item list")
                    }
            }
        }
    }
}

// ItemListView.swift

struct ItemListView: View {
    
    @EnvironmentObject var navigationManager: NavigationManager
    
    let items: [String] = ["🍎", "🍓", "🍉", "🥭"]
    
    var body: some View {
        List(items, id: \.self) { item in
            NavigationLink(
                destination: ItemView(item: item),
                tag: item, 
                selection: $navigationManager.selectedItem) { 
                    Text(item)
                }
        }
        .navigationTitle("Item list")
    }
}

// ItemView.swift

struct ItemView: View {
    
    @EnvironmentObject var navigationManager: NavigationManager
    
    let item: String
    
    var body: some View {
        VStack(spacing: 30) {
            Text(item)
            
            Button {
                navigationManager.selectedItem = nil
            } label: {
                Text("Deselect item")
            }
        }
    }
}

Answer 1

当我将.navigationViewStyle(.stack)添加到NavigationView时对我有用