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


目录
相关文章
|
2月前
element ui实现多层级复杂表单的操作(添加与回显)之表单操作交互操作
element ui实现多层级复杂表单的操作(添加与回显)之表单操作交互操作
|
1天前
|
JavaScript 开发工具 git
大事件项目28文章分类—添加分类--表单准备和对话框关闭重置表单
大事件项目28文章分类—添加分类--表单准备和对话框关闭重置表单
|
XML JavaScript 前端开发
odoo 给form表单视图内联列表添加按钮
odoo 给form表单视图内联列表添加按钮
156 0
|
API iOS开发
SwiftUI 中的自定义导航
默认情况下,SwiftUI提供的各种导航API在很大程度上是以用户直接输入为中心的——也就是说,导航是在系统响应例如按钮的点击和标签切换等事件时由系统本身处理的。
237 0
SwiftUI 中的自定义导航
SwiftUI—如何激活表单以及如何使表单失效
SwiftUI—如何激活表单以及如何使表单失效
136 0
SwiftUI—如何激活表单以及如何使表单失效
SwiftUI—如何快速打开一个模态窗口
SwiftUI—如何快速打开一个模态窗口
420 0
SwiftUI—如何快速打开一个模态窗口
SwiftUI—使用TabView包含和切换多个页面
SwiftUI—使用TabView包含和切换多个页面
863 0
SwiftUI—使用TabView包含和切换多个页面
SwiftUI—如何使用NavigationLink进行页面间的跳转
SwiftUI—如何使用NavigationLink进行页面间的跳转
3084 0
SwiftUI—如何使用NavigationLink进行页面间的跳转
SwiftUI—如何实现对视图显示和消失事件的监听
SwiftUI—如何实现对视图显示和消失事件的监听
617 0
SwiftUI—如何实现对视图显示和消失事件的监听
SwiftUI—如何切换部分表单项目的可见性
SwiftUI—如何切换部分表单项目的可见性
94 0
SwiftUI—如何切换部分表单项目的可见性