过滤列表项后,ListView 中的 SwiftUI TextField 变为空白
SwiftUI TextField inside ListView goes blank after filtering list items
我正在开发一个 iOS 应用程序,它显示可以编辑的项目列表。为此,我对这些项目中的每一项都使用 List
和 TextField
。
我的应用程序有一些按钮,允许用户过滤当前显示在此列表中的信息。我遇到了一个问题,导致 TextField
值在过滤后变为空白,我终究无法弄清楚我做错了什么。
这是一个非常基本的复制:
import SwiftUI
let allItems = ["1. Foo", "1. Bar", "1. Baz", "2. Goo", "2. Gar", "2. Gaz"]
struct ContentView: View {
@State private var items = [String]()
@State private var filterPrefix = "1"
var body: some View {
NavigationView {
List {
ForEach(items, id: \.self) { item in
RowView(item: item)
}
}
.navigationBarItems(trailing: Button("Toggle") {
self.filterPrefix = (self.filterPrefix == "1" ? "2" : "1")
self.items = allItems.filter { [=10=].starts(with: self.filterPrefix) }
})
.navigationBarTitle("Items", displayMode: .inline)
}
.onAppear {
self.items = allItems.filter { [=10=].starts(with: self.filterPrefix) }
}
}
}
struct RowView: View {
var item: String
@State private var inputText = ""
var body: some View {
VStack {
TextField("", text: $inputText)
}
.onAppear {
print("Item: \(self.item)") // This prints the item successfully
self.inputText = self.item
}
}
}
点击 Toggle
几次后,TextField
最终变成空的。但是,onAppear
中的代码仍然可以正常打印文本值。
这是一个 gif:
我做错了什么吗?我应该只在点击时输入 TextField
吗? (似乎不是个好主意,但我不知道为什么这不起作用)
我 运行 使用 Xcode 11.2 beta 2 (11B44) 但同样的问题出现在 11.1 以及 iOS 13.1 和 13.2
编辑:为了使事情更加复杂,我更改了该行以同时包含文本和文本字段:
HStack {
Text(item)
TextField("", text: $inputText)
}
现在 TextField
值不会变为空白,除非它是列表中的最后一项。我开始闻起来像虫子
此问题现已在最新的 Xcode beta (11.4)
中修复
我正在开发一个 iOS 应用程序,它显示可以编辑的项目列表。为此,我对这些项目中的每一项都使用 List
和 TextField
。
我的应用程序有一些按钮,允许用户过滤当前显示在此列表中的信息。我遇到了一个问题,导致 TextField
值在过滤后变为空白,我终究无法弄清楚我做错了什么。
这是一个非常基本的复制:
import SwiftUI
let allItems = ["1. Foo", "1. Bar", "1. Baz", "2. Goo", "2. Gar", "2. Gaz"]
struct ContentView: View {
@State private var items = [String]()
@State private var filterPrefix = "1"
var body: some View {
NavigationView {
List {
ForEach(items, id: \.self) { item in
RowView(item: item)
}
}
.navigationBarItems(trailing: Button("Toggle") {
self.filterPrefix = (self.filterPrefix == "1" ? "2" : "1")
self.items = allItems.filter { [=10=].starts(with: self.filterPrefix) }
})
.navigationBarTitle("Items", displayMode: .inline)
}
.onAppear {
self.items = allItems.filter { [=10=].starts(with: self.filterPrefix) }
}
}
}
struct RowView: View {
var item: String
@State private var inputText = ""
var body: some View {
VStack {
TextField("", text: $inputText)
}
.onAppear {
print("Item: \(self.item)") // This prints the item successfully
self.inputText = self.item
}
}
}
点击 Toggle
几次后,TextField
最终变成空的。但是,onAppear
中的代码仍然可以正常打印文本值。
这是一个 gif:
我做错了什么吗?我应该只在点击时输入 TextField
吗? (似乎不是个好主意,但我不知道为什么这不起作用)
我 运行 使用 Xcode 11.2 beta 2 (11B44) 但同样的问题出现在 11.1 以及 iOS 13.1 和 13.2
编辑:为了使事情更加复杂,我更改了该行以同时包含文本和文本字段:
HStack {
Text(item)
TextField("", text: $inputText)
}
现在 TextField
值不会变为空白,除非它是列表中的最后一项。我开始闻起来像虫子
此问题现已在最新的 Xcode beta (11.4)
中修复