SwiftUI：选项卡式视图中的 MasterDetailView 丢失 "State"

Question

我在选项卡式视图中有一个 MasterDetailView。如果用户点击 MasterDetailView 并在主视图中选择一个条目，则详细信息将显示在详细信息视图中。选择另一个选项卡并切换回 MasterDetailView 后，不再选择细节 - MasterDetailView 完全失去其状态，就像完全呈现一样。

private let dateFormatter: DateFormatter = {
    let dateFormatter = DateFormatter()
    dateFormatter.dateStyle = .medium
    dateFormatter.timeStyle = .medium
    return dateFormatter
}()

struct MasterDetailView: View {
    @State private var dates = [Date]()
    var body: some View {
        NavigationView {
            MasterView(dates: $dates)
                .navigationBarTitle(Text("Master"))
                .navigationBarItems(
                    leading: EditButton(),
                    trailing: Button(
                        action: {
                            withAnimation { self.dates.insert(Date(), at: 0) }
                        }
                    ) {
                        Image(systemName: "plus")
                    }
                )
            DetailView()
        }.navigationViewStyle(DoubleColumnNavigationViewStyle())
    }
}

struct MasterView: View {
    @Binding var dates: [Date]

    var body: some View {
        List {
            ForEach(dates, id: \.self) { date in
                NavigationLink(
                    destination: DetailView(selectedDate: date)
                ) {
                    Text("\(date, formatter: dateFormatter)")
                }
            }.onDelete { indices in
                indices.forEach { self.dates.remove(at: [=11=]) }
            }
        }
    }
}

struct DetailView: View {
    var selectedDate: Date?    

    var body: some View {
        Group {
            if selectedDate != nil {
                Text("\(selectedDate!, formatter: dateFormatter)")
            } else {
                Text("Detail view content goes here")
            }
        }.navigationBarTitle(Text("Detail"))
    }
}

struct ContentView: View {      
    @State private var selection = 0
    var body: some View {
        TabView(selection: $selection){
            Text("First View")
                .font(.title)
                .tabItem {
                    VStack {
                        Image("first")
                        Text("First")
                    }
                }
                .tag(0)

            MasterDetailView()
                .tabItem {
                    VStack {
                        Image("second")
                        Text("Master Detail")
                    }
                }
                .tag(1)
        }
    }
}

有没有办法在用户选择该选项卡时 "reuse" MasterDetailView？

我知道我可以使用@State 和@Binding 来保存和恢复状态（比如主视图中的选定条目），在这个简单的示例中，这可能是一个解决方案。但是在一个复杂的应用程序中——例如，当 MasterDetailView 包含一个很深的视图层次结构时——管理（保存和恢复）视图的完整状态是没有用的。

Answer 1

这个问题的变体已经被问过好几次了，到目前为止，共识是 SwiftUI 还不支持这个用例。我敢肯定它在他们的雷达上，但是 ask for this feature 的人越多，它就越有可能在明年的更新中被优先考虑。

这里是有人通过包装 UITabBarController 以与 SwiftUI 一起使用得到了你想要的行为。

SwiftUI：选项卡式视图中的 MasterDetailView 丢失 "State"

SwiftUI: MasterDetailView within in Tabbed View loses "State"

swiftui

master-detail

tabbed-view