在TabGesture Swift UI上

达米亚诺·米亚齐(Damiano Miazzi)

在swiftUI中对scrollView的研究中寻求帮助。我有一个滚动视图,该滚动视图显示一个数组的值,当用户点击滚动视图的其他项时,我希望在下面的textField上显示该数组的值。

如何将数组值传递给文本字段?

import SwiftUI

struct ContentView: View {
    let post = ["TEST1 ","Test 2" , "Test 3","TEST4 ","Test 5" , "Test 6"]
    var temp = ""
    var body: some View {

        VStack {
            ScrollView(.horizontal, content: {
                        HStack(spacing: 100) {
                            ForEach(post, id: \.self){ item in


                                ZStack {
                                    Rectangle().foregroundColor(.blue).frame(width: 190, height: 170, alignment: .center)
                                    Text(item)
                                }.onTapGesture {
                                    // pass the value off Scroll View to the text
                                    debugPrint("\(item)")

                                }

                            }
                        }
                        .padding(.leading, 10)
                    })
                .frame(height: 190)
            Spacer()
            Text("dispaly here array value selected")
            Spacer()
        }

    }
}

谢谢你帮我...

电子通讯

这里的诀窍是需要@State temp在视图中分配给@State值时。

struct ContentView: View {
let post = ["TEST1 ","Test 2" , "Test 3","TEST4 ","Test 5" , "Test 6"]

@State private var temp = ""


var body: some View {

    VStack {
        ScrollView(.horizontal, content: {
                    HStack(spacing: 100) {
                        ForEach(post, id: \.self){ item in


                            ZStack {
                                Rectangle().foregroundColor(.blue).frame(width: 190, height: 170, alignment: .center)
                                Text(item)
                            }.onTapGesture {
                                // pass the value off Scroll View to the text
                                self.temp = item

                            }

                        }
                    }
                    .padding(.leading, 10)
                })
            .frame(height: 190)
        Spacer()
        Text( self.temp)
        Spacer()
       }

      }
   }

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章