Xcode 13 測驗版 5、iOS 14、macOS 11.6
我有一個父 SwiftUI 視圖,其中列出了一些孩子。每個孩子都系結到一個NSViewRepresentable. 一切正常,我可以按預期編輯值。但是一旦我對串列中的專案重新排序并編輯了一個欄位,它就會編輯錯誤的欄位。看起來系結與之前的專案訂單保持一致。
這是它的樣子:

這是家長:
struct ParentView: View {
@StateObject var model = ThingModel.shared
var body: some View {
VStack{
ForEach($model.things){ $thing in
ChildView(thing: $thing)
//Reorder
.onDrag{
model.draggedThing = thing
return NSItemProvider(object: NSString())
}
}
Text("Value: \(model.value)").font(.title)
}
.frame(width:300, height: 200)
}
}
...這是子視圖:
struct ChildView: View {
@Binding var thing: Thing
@StateObject var model = ThingModel.shared
var body: some View{
HStack{
GrowingField(text: $thing.text, submit: {
model.value = thing.text
print(thing.text)
})
Text(" = ")
.opacity(0.4)
}
.padding(10)
.onDrop(of: [UTType.text], delegate: ThingReorderDelegate(hoveredThing: thing))
}
}
最后,這里是NSViewRepresentable被稱為GrowingField. 為簡單起見,我省略了NSTextField子類。
struct GrowingField: NSViewRepresentable{
@Binding var text: String
var submit:(() -> Void)? //Hit enter
func makeNSView(context: Context) -> NSTextField {
let textField = NSTextField()
textField.delegate = context.coordinator
textField.stringValue = text
return textField
}
func updateNSView(_ nsView: NSTextField, context: Context) {
nsView.stringValue = text
context.coordinator.textBinding = $text
}
//Delegates
func makeCoordinator() -> Coordinator {
Coordinator(self)
}
class Coordinator: NSObject, NSTextFieldDelegate {
let parent: GrowingField
var textBinding : Binding<String>?
init(_ field: GrowingField) {
self.parent = field
}
func controlTextDidChange(_ obj: Notification) {
guard let textField = obj.object as? NSTextField else { return }
self.textBinding?.wrappedValue = textField.stringValue
}
//Listen for certain keyboard keys
func control(_ control: NSControl, textView: NSTextView, doCommandBy commandSelector: Selector) -> Bool {
switch commandSelector{
case #selector(NSStandardKeyBindingResponding.insertNewline(_:)):
//- Enter -
parent.submit?()
textView.window?.makeFirstResponder(nil) //Blur cursor
return true
default:
return false
}
}
}
}
為什么在NSViewRepresentable重新排序后系結到不跟隨欄位?
這是一個可以下載并試用的示例專案。
uj5u.com熱心網友回復:
我相信問題(錯誤?)與ForEach-生成的系結有關。
如果您放棄生成的系結并創建自己的系結,一切似乎都按預期作業。
添加到ThingModel:
func bindingForThing(id: String) -> Binding<Thing> {
.init {
self.things.first { $0.id == id }!
} set: { newThing in
self.things = self.things.map { $0.id == id ? newThing : $0 }
}
}
和ParentView:
ForEach(model.things){ thing in
ChildView(thing: model.bindingForThing(id: thing.id))
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/312579.html
