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

目录
相关文章
|
7月前
|
移动开发
【实用】一组原创原生样式的基础控件、UI组件样式(偏向移动端H5页面的样式)
【实用】一组原创原生样式的基础控件、UI组件样式(偏向移动端H5页面的样式)
【实用】一组原创原生样式的基础控件、UI组件样式(偏向移动端H5页面的样式)
|
UED 开发者
构建可访问的自定义表单控件
在现代Web应用程序中,表单是一个至关重要的组件。用户可以通过表单输入数据并与应用程序进行交互。为了提高用户体验,并让所有用户都能轻松地使用您的应用程序,构建可访问的自定义表单控件是非常重要的。
100 0
|
JavaScript
fastadmin 自定义 按钮 动态切换数据 TAB切换
fastadmin 自定义 按钮 动态切换数据 TAB切换
287 0
Revit 二次开发——设置内置类别在激活视图下的可见性
Revit 二次开发——设置内置类别在激活视图下的可见性
|
前端开发
前端工作总结246-uni-切换tabber修改状态修饰
前端工作总结246-uni-切换tabber修改状态修饰
88 0
前端工作总结246-uni-切换tabber修改状态修饰
SwiftUI—使用TabView包含和切换多个页面
SwiftUI—使用TabView包含和切换多个页面
943 0
SwiftUI—使用TabView包含和切换多个页面
SwiftUI—如何快速打开一个动作表单
SwiftUI—如何快速打开一个动作表单
156 0
SwiftUI—如何快速打开一个动作表单
SwiftUI—如何激活表单以及如何使表单失效
SwiftUI—如何激活表单以及如何使表单失效
161 0
SwiftUI—如何激活表单以及如何使表单失效
SwiftUI—方便用户选择项目的Picker拾取器
SwiftUI—方便用户选择项目的Picker拾取器
487 0
SwiftUI—方便用户选择项目的Picker拾取器
|
前端开发 JavaScript 数据安全/隐私保护
解锁前端密码框常见功能做法
前言 学前端最基本的登录页面肯定要会写,那登录页面里面的密码框的功能设计就需要好好打磨,主要功能有显示密码明文,密码检测信息提示等等,那么本篇博客将写写这些功能结合js怎么做,很简单,看一下就会了。
214 0
解锁前端密码框常见功能做法