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


目录
相关文章
|
6月前
ionic 4 点击按钮跳转页面传值并刷新
ionic 4 点击按钮跳转页面传值并刷新
55 2
|
6月前
|
Java Android开发
Android Studio入门之按钮触控的解析及实战(附源码 超详细必看)(包括按钮控件、点击和长按事件、禁用与恢复按钮)
Android Studio入门之按钮触控的解析及实战(附源码 超详细必看)(包括按钮控件、点击和长按事件、禁用与恢复按钮)
732 0
|
JavaScript
js手机端长按选中文字执行事件
js手机端长按选中文字执行事件
SwiftUI—如何激活表单以及如何使表单失效
SwiftUI—如何激活表单以及如何使表单失效
161 0
SwiftUI—如何激活表单以及如何使表单失效
SwiftUI—使用TabView包含和切换多个页面
SwiftUI—使用TabView包含和切换多个页面
943 0
SwiftUI—使用TabView包含和切换多个页面
SwiftUI—如何使用NavigationLink进行页面间的跳转
SwiftUI—如何使用NavigationLink进行页面间的跳转
3313 0
SwiftUI—如何使用NavigationLink进行页面间的跳转
SwiftUI—如何快速打开一个模态窗口
SwiftUI—如何快速打开一个模态窗口
448 0
SwiftUI—如何快速打开一个模态窗口
SwiftUI—如何实现对视图显示和消失事件的监听
SwiftUI—如何实现对视图显示和消失事件的监听
694 0
SwiftUI—如何实现对视图显示和消失事件的监听
SwiftUI—如何给视图添加单击手势
SwiftUI—如何给视图添加单击手势
269 0
SwiftUI—如何给视图添加单击手势
SwiftUI—如何给视图添加双击手势
SwiftUI—如何给视图添加双击手势
344 0
SwiftUI—如何给视图添加双击手势