【SwiftUI修饰器】.disabled在实际开发的使用场景

在http://www.55mx.com/ios/137.html列出了swiftUI2.0中我们常见的修饰器，今天我们要介绍的是.disabled在实际项目中是怎样使用的。

SwiftUI的Form视图允许我们以非常快速和方便的方式存储用户输入，但有时必须对当前输入进行验证通过以后才能让我们继续下一步的操作，以确保其有效性。

好吧，我们有一个专门用于这个目的的修饰符：.disabled()这需要条件来检查，如果条件为true则无法点击按钮，无法拖动滑块等操作，反之则不影响。

Section {
    Button("点击打印字符串") {
        print("55mx.com")
    }
}
.disabled(true)//传入布尔值，当为真时上面的按钮不可点击

为了证明这一点，这里有一个接受用户名和电子邮件地址的表格：

struct Neter8: View {
    @State private var username = ""
    @State private var email = ""
    
    var body: some View {
        Form {
            Section {
                TextField("用户名", text: $username)
                TextField("Email", text: $email)
            }
            Section {
                Button("注册成为网络人的用户") {
                    print("55mx.com注册成功")
                }
            }
            .disabled(disableForm)//当条件不满足时，无点击注册按钮
        }
    }
    var disableForm: Bool {
            //这里只是简单的判断了用户名和邮箱的长度
        username.count < 5 || email.count < 5
    }
}

我们通过一个计算属性disableForm实时判断用户的输入情况，这意味着“如果用户名为空或电子邮件为空时，则禁用点击注册的按钮部分”，这正是disabled在开发中的实际应用场景。

 

除非注明，网络人的文章均为原创，转载请以链接形式标明本文地址：https://www.55mx.com/post/176