当我从向下推 2+ 层的视图中的数组更新绑定属性时,导航会在属性更改后立即弹出。
Xcode 13.3 测试版、iOS 15。
我创建了一个简单的演示,代码如下。
Shopping Lists |
List Edit |
List section Edit |
|
|
|
更新列表标题(一个视图深)就可以了,导航堆栈保持不变,如果我返回,更改就会发布。但是,当调整部分标题(两层深)时,一旦我对属性进行了一次更改,导航就会弹出。
我有一种感觉,我在这里缺少基本的基础知识,而且我有一种感觉,它一定与列表有关id
?但我正在努力弄清楚或解决它。
GIF
Code:
Models:
struct ShoppingList {
let id: String = UUID().uuidString
var title: String
var sections: [ShoppingListSection]
}
struct ShoppingListSection {
let id: String = UUID().uuidString
var title: String
}
查看型号:
final class ShoppingListsViewModel: ObservableObject {
@Published var shoppingLists: [ShoppingList] = [
.init(
title: "Shopping List 01",
sections: [
.init(title: "Fresh food")
]
)
]
}
内容查看:
struct ContentView: View {
var body: some View {
NavigationView {
ShoppingListsView()
}
}
}
购物清单视图
struct ShoppingListsView: View {
@StateObject private var viewModel = ShoppingListsViewModel()
var body: some View {
List($viewModel.shoppingLists, id: \.id) { $shoppingList in
NavigationLink(destination: ShoppingListEditView(shoppingList: $shoppingList)) {
Text(shoppingList.title)
}
}
.navigationBarTitle("Shopping Lists")
}
}
购物清单编辑视图
struct ShoppingListEditView: View {
@Binding var shoppingList: ShoppingList
var body: some View {
Form {
Section(header: Text("Title")) {
TextField("Title", text: $shoppingList.title)
}
Section(header: Text("Sections")) {
List($shoppingList.sections, id: \.id) { $section in
NavigationLink(destination: ShoppingListSectionEditView(section: $section)) {
Text(section.title)
}
}
}
}
.navigationBarTitle("Edit list")
}
}
购物列表部分编辑视图
struct ShoppingListSectionEditView: View {
@Binding var section: ShoppingListSection
var body: some View {
Form {
Section(header: Text("Title")) {
TextField("title", text: $section.title)
}
}
.navigationBarTitle("Edit section")
}
}