swiftui - NavigationLink 子项中的“表单”选择器的 NavigationView 问题

Question

我在尝试将 Picker 放入 NavigationLink 子结构时遇到了麻烦。 MyProblem 正如您在某些转换（主页 -> 测试页面 -> 选择器）并选择任何选择器所需选项后看到的那样，它会将我导航回测试页面，但选择器本身保持灰色。我知道它可以通过NavigationView{}在 NavigationLink 子中添加来解决，但它会导致另一个问题，因为我已经NavigationView{}在顶级祖先中。 另一个问题_1 另一个问题 _2

代码：

import SwiftUI


struct ContentView: View {
    var body: some View {
        NavigationView {
            List{
            NavigationLink(destination: page2()) {
                Text("Food input")
            }
            NavigationLink(destination: page3()) {
                Text("Тesting page")
            }
            }
            .navigationBarTitle("Main page")
        }
    }
}

struct page3: View {
    @State private var selectedFlavor = Flavor.chocolate
    enum Flavor: String, CaseIterable, Identifiable {
        case chocolate
        case vanilla
        case strawberry

        var id: String { self.rawValue }
    }
    var body: some View {
        NavigationView {
            Form {
                Section {
                    Picker("Flavor", selection: $selectedFlavor) {
                        Text("Chocolate").tag(Flavor.chocolate)
                        Text("Vanilla").tag(Flavor.vanilla)
                        Text("Strawberry").tag(Flavor.strawberry)
                    }
                    Text("Selected flavor: \(selectedFlavor.rawValue)")
                }
            }
        }
    }
}

更新： 发现我的控制台试图告诉我：“返回一个空的、断开连接的 UIBarButtonItem 以履行非空合同”我不知道这到底是什么意思，但我发现了奇怪的解决方案：

.navigationViewStyle(StackNavigationViewStyle())

Apple 文档没有说明任何内容，但如果您这样设置：

struct ContentView: View {
    var body: some View {
        NavigationView {
            List{
            NavigationLink(destination: page2()) {
                Text("Food input")
            }
            NavigationLink(destination: page3()) {
                Text("Тesting page")
            }
            }
            .navigationBarTitle("Main page")
        }
        .navigationViewStyle(StackNavigationViewStyle())
    }
}

所有的问题都会过去。请解释一下它是如何工作的，我真的很坚持。

Answer 1

struct ContentView: View {
    var body: some View {
        NavigationView {
            List{
            NavigationLink(destination: page2()) {
                Text("Food input")
            }
            NavigationLink(destination: page3()) {
                Text("Тesting page")
            }
            }
            .navigationBarTitle("Main page")
        }
        .navigationViewStyle(StackNavigationViewStyle())
    }
}