SwiftUI—如何快速打开一个动作表单

简介: SwiftUI—如何快速打开一个动作表单

本节课演示如何打开一个动作表单,并在动作表单提供两个选项供用户选择,从而实现类似于传统的UIActionSheet的效果。


示例代码:


struct ContentView : View {
    @State var isPresented = false //标识是否弹出动作表单
    var myActionSheet: ActionSheet { //初始化一个动作表单
        ActionSheet(title: Text("Information"),
            message: Text("What's your favorite?"),
            buttons: [
                .default(Text("Fishing")) { //往动作表单里添加第一个默认样式的选项按钮,设置选项按钮的标题文字,当用户点击选项按钮时,在控制台输出一条日志
                    print("---I like fishing")
                },
                .destructive(Text("Hunting")) { //添加一个毁坏样式的选项按钮,该按钮的标题文字为红色
                    print("---I like hunting")
                },
                .cancel({ //最后在动作表单的最下方,添加一个取消按钮
                    print("---Nothing")
                })
            ]
        )
    }
    var body: some View {
        VStack {
            Button("Show action sheet") {
                self.isPresented = true
            }
        }
        .actionSheet(isPresented: $isPresented, content: {
            myActionSheet
        })
    }
}


2466108-26694b9e954c8c93.gif


目录
相关文章
|
Web App开发 移动开发 JavaScript
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
388 0
|
4月前
|
JavaScript 前端开发
用JavaScript编程控制网页上checkbox选择状态:全选、全部取消、反选
用JavaScript编程控制网页上checkbox选择状态:全选、全部取消、反选
|
5月前
|
前端开发 JavaScript 开发者
前端JS按钮点击事件、跳出弹窗、遮罩的实战示例
本文提供了一个前端JS按钮点击事件、弹出式窗口和遮罩层的实战示例,包括HTML、CSS和JavaScript的具体实现代码,以及功能解析,演示了如何实现按钮点击后触发弹窗显示和遮罩层,并在2秒后自动关闭或点击遮罩层关闭弹窗的效果。
前端JS按钮点击事件、跳出弹窗、遮罩的实战示例
|
前端开发
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
有时候我们可能需要在表单中放置多个按钮,比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件,在单击响应事件中进行提交表单,这没有任何问题。点击取消按钮的时候,触发对应的单击响应事件,这个单击响应事件中主要处理关闭表单页面逻辑,所以会关闭页面,这也正常。但是!打开控制台监听请求会发现,它也会提交表单。
667 0
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
SwiftUI—如何激活表单以及如何使表单失效
SwiftUI—如何激活表单以及如何使表单失效
165 0
SwiftUI—如何激活表单以及如何使表单失效
SwiftUI—使用TabView包含和切换多个页面
SwiftUI—使用TabView包含和切换多个页面
965 0
SwiftUI—使用TabView包含和切换多个页面
|
前端开发 开发工具 Android开发
iOS监听物理截图自动生成截图并跳转到反馈页面进行显示(截图内容包括系统的弹框视图UIAlertView/Controller)
iOS监听物理截图自动生成截图并跳转到反馈页面进行显示(截图内容包括系统的弹框视图UIAlertView/Controller)
368 0
iOS监听物理截图自动生成截图并跳转到反馈页面进行显示(截图内容包括系统的弹框视图UIAlertView/Controller)
|
JavaScript 数据处理 前端开发