SwiftUI

Question

我找到了几乎可以满足我需要的完美代码。但是有一个问题：

我想在每一行中使用切换而不是按钮。

@kontiki 在此处发布的原始代码：SwiftUI hide list item from list item view

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 : [=10=].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: { [=10=].id == self.item.id }) {
                    self.model.arr[idx].isComplete.toggle()
                    self.model.isOn = false
                }

            }) {

                Text("Button")

            }

            Text(item.isComplete ? "Complete" : "Not complete")

        }
    }
}

我试过像这样使用切换而不是按钮：

Toggle(isOn: $item.isComplete) {
                Text("Done")
            }

按钮里面有个if语句我不明白。我也试图将这个 let idx 声明也放在按钮之外，以便更容易使用切换（因为我不知道如何进行如此复杂的切换），但这也失败了。

Answer 1

注意：列表中的切换控件更新存在已知问题。请注意。详细信息在主题中。

这是可能的方法。修改的行在注释中标记。

import SwiftUI

struct Item: Identifiable, Equatable { // <<
    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 : [=10=].isComplete }) { item in
                Row(item: self.$model.arr[self.model.arr.firstIndex(of: item)!]) // <<
            }
        }
    }
}

struct Row: View {
    @Binding var item: Item // <<

    var body: some View {
        HStack {
            Toggle(isOn: $item.isComplete) {
                Text("Done")
            }
            Text(item.isComplete ? "Complete" : "Not complete")

        }
    }
}

SwiftUI - 使用 Toggle 隐藏列表项

SwiftUI - hide list items using Toggle

xcode

ios

swift

swiftui-list