SwiftUI 当用户提交 TextField 时如何执行事件?

14 min read

可以使用 onSubmit 修饰符来处理用户提交 TextField 的事件。

例如:

struct ContentView: View {
    @State private var username = ""

    var body: some View {
        VStack {
            TextField("Enter username", text: $username)
                .padding()
                .background(Color.gray.opacity(0.2))
                .cornerRadius(10)
                .padding()

            Button("Submit") {
                // Do something when button is tapped
            }
            .disabled(username.isEmpty)
        }
        .onSubmit {
            // Do something when user submits the TextField
            print("User submitted: \(username)")
        }
    }
}

在上面的代码中,TextField 使用 onSubmit 修饰符来处理用户提交事件。当用户在键盘上点击 return 按钮时,onSubmit 将向控制台打印出用户输入的文本。按钮使用 disabled 属性来禁用,直到用户输入了内容为止。