SwiftUI 如何获取对 List 内编辑 Textfield 的参考？

Question

是否可以根据标签在 SwiftUI 中找到特定视图？还是下面有我的问题的另一种解决方案？

基于 List A 中一行中的 Textfield 中的字符串，正在填充 List B 中的搜索结果。

当点击 List B 上的一行时，我希望更新 List A 上的 textField。 但问题是我不知道如何获取活动的 textField 或 List A 中的行索引。

请参考此图片以确保清晰

我试图模仿这种行为，这在桌面上很常见。您在 Textfield 中输入文本，然后使用鼠标或向上箭头键选择一个选项，然后 Textfield 将使用该选项进行更新。

这里使用单独的列表视图而不是 PopOver。

Answer 1

在下面的代码中，您可以看到如何完成您需要的大部分事情。

您提到您想知道您正在输入的字段。您可以通过使用 onEdintingChanged 闭包来做到这一点。此闭包接收一个布尔值，该值指示该字段是处于活动状态还是非活动状态。您可以使用它来设置变量，如示例中所示：activeField。

您的另一个要求是能够在每次击键时刷新列表。 onReceive 修饰符订阅 TextField 的绑定并为每个执行您的闭包。但是，我认为这是一个错误：当两个字段中都有文本时，每次击键时都会为这两个字段执行闭包。比较 self.activeField 的 if 语句可以防止这种情况发生。

所以，现在，您可以通过闭包触发外部模型的更新。由于您的 List 应该绑定到同一个模型，它会自动刷新。

您的另一个要求是点击列表应该更新您的文本字段。这很简单。如果你的 textfield 绑定到同一个模型，你只需更新对应的模型变量，字段就会更新。

我希望我已经清楚了。

struct ContentView : View {
    @State private var field1 = ""
    @State private var field2 = ""

    @State private var activeField: Int = 0

    var body: some View {
        VStack {
            TextField("", text: $field1, onEditingChanged: { if $0 { self.activeField = 0 } })
                .textFieldStyle(.roundedBorder)
                .onReceive(field1.publisher().last()) { if self.activeField == 0 { print("FIELD 1 -> \(self.field1): \($0)") } }

            TextField("", text: $field2, onEditingChanged: { if $0 { self.activeField = 1 } })
                .textFieldStyle(.roundedBorder)
                .onReceive(field2.publisher().last()) { if self.activeField == 1 { print("FIELD 2 -> \(self.field2): \($0)") } }
        }
    }
}