组合文本视图中具有onTapGesture的多个Bool

我们可以使用map和reduce函数创建组合的文本视图(不是逐行显示)。

struct ContentView: View {
@State private var boolArr = [false,false,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不起作用?而且,哪种方法会起作用?

wanglong52044 回答:组合文本视图中具有onTapGesture的多个Bool

这是我为您提供的解决方案。希望对您有帮助

struct ContentView: View {
    @State private var boolArr = [false,false,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()
                }
            }
        }
    }
}
本文链接:https://www.f2er.com/3168586.html

大家都在问