在組合文本視圖中使用 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()
                }
            }
        }
    }
}