arrays - 点击手势 Swiftui

Question

在我学习 swiftUI 中的 scrollView 的过程中寻找一些帮助。 我有一个显示数组值的 ScrollView ，当用户点击 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()
        }

    }
}

谢谢你帮助我...

Answer 1

这里的技巧是当您需要分配给 View 内的@State 值时，您需要@State temp。

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()
       }

      }
   }