SwiftUI初级课程(五)TextField、SecureField、TextEditor控件

struct ContentView: View {
    // SwiftUI,不再需要通过手动编码的方式,来刷新界面元素。通过绑定包装特性,即可实现界面元素和数据内容的实时绑定。
    // 添加@State属性包装器:表示username属性和界面上的元素进行绑定。当属性的值发生变化时,SwiftUI立即通知绑定的视觉元素进行内容更新

    @State var username: String
    @State var nickname: String
    @State var password: String

    // 多行滚动文本输入
    @State var content = "" // 定义字符串属性
    @State var isAlert = false // 布尔属性,是否弹出警告框

    var body: some View {
        VStack {
            Text("Your username is \(username)")
            Text("Your nickname is \(nickname)")
            Text("Your password is \(password)")

            TextField("User Name", text: $username, onEditingChanged: {
                _ in
                print("onEditingChanged:\(self.username)") // 控制台输出 实时输入检测
            }) {
                print("onCommit:\(self.username)") // 完成输入
            }
            .textFi

你可能感兴趣的:(SwiftUI初级教程,swiftui,前端,ios)