所以,假设我有一个 SwiftUI 列表和切换(大大简化):
List {
Toggle(isOn: $isOn) {
Text("Toggle")
}
ForEach(arr) { item in
if isOn || !item.isComplete {
Row(item: item)
}
}
}
然后是我的行:
HStack {
Button(action: {
self.item.isComplete.toggle() // isComplete is a Boolean value
}) {
Text("Button")
}
Text(item.isComplete ? "Complete" : "Not complete")
}
切换应该改变列表,在所有项目之间交换,并且只在未完成的项目之间交换。这非常有效。但是,我希望它能起作用,以便当我按下按钮时,列表会立即更新并消失,而不是我必须重新切换开关。如何做到这一点?
最佳答案
请注意,当涉及到大量数据时,列表仍然存在问题。在这里,您有一个示例可以满足您的要求。我正在传递 ObservableObject,但您也可以将它放在环境中。这取决于你。
import SwiftUI
struct Item: Identifiable {
let id = UUID()
var isComplete: Bool = false
}
class Model: ObservableObject {
@Published var isOn: Bool = false
@Published var arr = [Item(isComplete: true), Item(isComplete: false), Item(isComplete: true), Item(isComplete: false), Item(isComplete: true), Item(isComplete: true)]
}
struct ContentView: View {
@ObservedObject var model = Model()
var body: some View {
List {
Toggle(isOn: $model.isOn) { Text("Toggle") }
ForEach(self.model.arr.filter { model.isOn ? true : $0.isComplete }) { item in
Row(item: item, model: self.model)
}
}
}
}
struct Row: View {
let item: Item
@ObservedObject var model: Model
var body: some View {
HStack {
Button(action: {
if let idx = self.model.arr.firstIndex(where: { $0.id == self.item.id }) {
self.model.arr[idx].isComplete.toggle()
self.model.isOn = false
}
}) {
Text("Button")
}
Text(item.isComplete ? "Complete" : "Not complete")
}
}
}
关于ios - SwiftUI 从列表项 View 中隐藏列表项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57671323/