2

嗨，我是一名中级工程师，具有快速和快速的 UI。

目前，我遇到了 TextField() 的问题，它对点击和点击没有响应，因此键盘没有显示，

但是，当它是 VStack 中的两个主要元素之一时，它确实会出现，但除此之外，它不起作用，

代码有问题吗？任何人都可以找到解决方法或解决方法吗？

谢谢， 迈尔斯

{

    @State var textField = ""

    var body: some View {

        returnJoinModalContent()

    }

    func returnJoinModalContent() -> some View{

        let accentColor = Color.blue

        return VStack(alignment: .center){
            HStack{
                Text("Join Game")
                    .bold()
                    .font(.largeTitle)
                    .padding()
                Spacer()
                Button(action:{
                    //self.hideModal()
                }){
                Image(systemName: "xmark.circle.fill")
                    .resizable()
                    .frame(width: 50,height: 50)
                    .foregroundColor(accentColor)
                    .padding()
                }
            }
            .padding(.bottom,170)

            VStack(alignment: .leading){
                TextField("Enter Game Code",text: self.$textField)
                    .font(.largeTitle)

                Rectangle()
                    .frame(height: 6)
                    .foregroundColor(accentColor)
            }
            .padding()
            HStack{
                Button(action:{
                    //self.joinGame()
                }){
                    ZStack{
                RoundedRectangle(cornerRadius: 90)
                    .frame(width: 200,height: 70)
                    .foregroundColor(accentColor)
                Text("Ready!")
                    .bold()
                    .font(.title)
                    .foregroundColor(Color.white)
                    }
                }
            }
            .padding(.vertical,20)
            HStack{
                Image(systemName: "info.circle")
                    .resizable()
                    .frame(width:60,height:60)
                    .foregroundColor(accentColor)

                Text("Ask your host for the game code, it can be found at the bottom of the player lobby")
                .padding()
                Spacer()

            }
            .padding(.top,60)
            .padding(.horizontal,20)

            Spacer()
        }
        .padding()
    }




}
4

2 回答 2

2

这似乎是 swiftUI 中难以追踪的事情之一。我发现问题出在您的就绪按钮上。更具体地说，标签是一个以彩色圆角矩形为背景的 ZStack。如果您将按钮的标签替换为以下内容，则您的文本字段应该是可选的。

Text("Ready!")
.bold()
.font(.title)
.foregroundColor(Color.white)
.frame(width: 200,height: 70)
.background(accentColor)
.mask(RoundedRectangle(cornerRadius: 90))
于 2020-04-22T22:09:42.727 回答
0

我发现overlay在TextField或 的容器上TextField可能会导致它无响应

您应该将其删除并替换为ZStack

于 2021-09-09T15:01:56.057 回答