SwiftUI—如何激活表单以及如何使表单失效

简介: SwiftUI—如何激活表单以及如何使表单失效

在日常开发工作中,经常需要用户输入正确的信息,否则表单里的提交按钮是不允许点击的。本节课演示如何激活表单以及如何使表单失效。


示例代码:


struct ContentView : View {
    @State var enableForm = false //用来表示是否激活表单
    @State var enableNotification = false //和开关视图进行绑定
    @State var userName = "" //用户名
    @State var password = "" //密码
    var body: some View {
        NavigationView {
            Form {
                Toggle(isOn: $enableForm) { //使用该视图激活或取消激活表单
                    Text("Enable Form")
                }
                Section(header: Text("Please enter your information:")) {
                    TextField("Username", text: $userName)
                    SecureField("Password", text: $password)
                    Toggle(isOn: $enableNotification) {
                        Text("Enable Notification")
                    }
                }.disabled(enableForm)
            }.navigationBarTitle(Text("Profiles"))
        }
    }
}


2466108-6e707100065e71ce.webp.jpg


目录
相关文章
|
7月前
element ui实现多层级复杂表单的操作(添加与回显)之表单操作交互操作
element ui实现多层级复杂表单的操作(添加与回显)之表单操作交互操作
|
7月前
表单项validator的校验tip未撑起高度,导致遮盖下边项的内容
表单项validator的校验tip未撑起高度,导致遮盖下边项的内容
40 0
表单项validator的校验tip未撑起高度,导致遮盖下边项的内容
|
4月前
ElementUI——表单使用自定义验证导致无法提交
ElementUI——表单使用自定义验证导致无法提交
28 2
|
6月前
|
JavaScript 开发工具 git
大事件项目28文章分类—添加分类--表单准备和对话框关闭重置表单
大事件项目28文章分类—添加分类--表单准备和对话框关闭重置表单
|
6月前
|
JSON 开发工具 数据格式
大世界项目29----文章分类——添加分类-表单准备和对话框关闭重置表单
大世界项目29----文章分类——添加分类-表单准备和对话框关闭重置表单
大事件项目43----富文本结合表单的检验触发
大事件项目43----富文本结合表单的检验触发
输入框禁用状态 可清空输入框如何实现?组件写的
输入框禁用状态 可清空输入框如何实现?组件写的
|
JavaScript
表单设置 disabled 后无法传值到后台的解决办法
表单设置 disabled 后无法传值到后台的解决办法
189 0
SwiftUI—如何快速打开一个动作表单
SwiftUI—如何快速打开一个动作表单
156 0
SwiftUI—如何快速打开一个动作表单