在组合文本视图中使用 onTapGesture 的多个 Bool

Question

我们可以使用 map 和 reduce 函数创建组合文本视图（不是逐行）。

struct ContentView: View {
@State private var boolArr = [false, false, true, true, false]

   var body: some View {
      (0...boolArr.count).map {
                Text("\($0)")
                }.reduce(Text(""), +)
   }
} 

如果我们点击文本而不是所有文本，我想在特定文本下划线。 例如，如果我点击文本“1”，它会在其下划线。 如果我再次点击，它会删除下划线。 并非所有文本都下划线并删除所有下划线，只有我点击的特定文本。 以下方法向我展示了无法convert value of type 'Int' to expected argument type 'WritableKeyPath<_, _>'

(1...boolArr.count).map {
   Text(" \($0) ").underline(self.$boolArr[$0])
   }.reduce(Text(""), +)
   .onTapGesture(count: 1) {
   self.$boolArr[$0] ? false: true
}

为什么 $0 不起作用？ 而且，哪种方式会起作用？

Answer 1

这是我为您提供的解决方案。 希望能帮助到你

struct ContentView: View {
    @State private var boolArr = [false, false, true, true, false]

    var body: some View {
        HStack() {
            ForEach([1,2,3,4,5], id: \.self) { number  in
                Text("\(number)")
                    .underline(self.boolArr[number - 1])
                    .onTapGesture(count: 1) {
                        self.boolArr[number - 1].toggle()
                }
            }
        }
    }
}