SwiftUI—如何切换部分表单项目的可见性

简介: SwiftUI—如何切换部分表单项目的可见性

本节课演示如何切换部分表单的可见性,从而实现根据用户的选择,给用户提供不同的表单项目。


示例代码:


struct ContentView : View {
    @State var showingVisible = false //用来标识是否隐藏表单
    @State var userName = ""
    @State var password = ""
    var body: some View {
        NavigationView {
            Form {
                Toggle(isOn: $showingVisible.animation()) { //使用该视图显示或隐藏表单
                    if(showingVisible){
                        Text("Hide Form")
                    }
                    else{
                        Text("Show Form")
                    }
                }
                if(showingVisible)
                {
                    Section(header: Text("Please enter your information:")) {
                        TextField("Username", text: $userName)
                        SecureField("Password", text: $password)
                    }
                }
            }.navigationBarTitle(Text("Profiles"))
        }
    }
}


2466108-f8674955b0b8cecd.webp.jpg

目录
相关文章
|
6天前
|
移动开发
【实用】一组原创原生样式的基础控件、UI组件样式(偏向移动端H5页面的样式)
【实用】一组原创原生样式的基础控件、UI组件样式(偏向移动端H5页面的样式)
【实用】一组原创原生样式的基础控件、UI组件样式(偏向移动端H5页面的样式)
|
6天前
|
小程序 IDE 开发工具
【社区每周】修复开启样式隔离后, picker-view 组件部分属性不生效(11月第二期)
【社区每周】修复开启样式隔离后, picker-view 组件部分属性不生效(11月第二期)
16 0
|
10月前
|
JavaScript
fastadmin 自定义 按钮 动态切换数据 TAB切换
fastadmin 自定义 按钮 动态切换数据 TAB切换
197 0
|
11月前
|
JavaScript 小程序
微信小程序|利用button控制条件标签的变量
微信小程序|利用button控制条件标签的变量
80 0
Revit 二次开发——设置内置类别在激活视图下的可见性
Revit 二次开发——设置内置类别在激活视图下的可见性
项目实用功能-全局loading动画
项目实用功能-全局loading动画
|
前端开发
前端工作总结246-uni-切换tabber修改状态修饰
前端工作总结246-uni-切换tabber修改状态修饰
64 0
前端工作总结246-uni-切换tabber修改状态修饰
|
API iOS开发
SwiftUI 中的自定义导航
默认情况下,SwiftUI提供的各种导航API在很大程度上是以用户直接输入为中心的——也就是说,导航是在系统响应例如按钮的点击和标签切换等事件时由系统本身处理的。
228 0
SwiftUI 中的自定义导航
|
iOS开发
SwiftUI极简教程05:代码分组管理
SwiftUI极简教程05:代码分组管理
348 0
SwiftUI极简教程05:代码分组管理
SwiftUI—使用TabView包含和切换多个页面
SwiftUI—使用TabView包含和切换多个页面
834 0
SwiftUI—使用TabView包含和切换多个页面