SwiftUI中的ActionSheet

lingjunjie

于 2024-03-14 17:10:11 发布

阅读量483

点赞数 9

分类专栏： swiftUI 文章标签： swiftui 服务器 ios

本文链接：https://blog.csdn.net/lingjunjie/article/details/136716393

版权

swiftUI 专栏收录该内容

29 篇文章 1 订阅

订阅专栏

本文介绍了如何在SwiftUI中使用ActionSheet，包括设置显示状态、创建ActionSheet按钮以及预览效果。展示了如何在视图中通过`@State`变量控制ActionSheet的呈现，并提供了示例代码。

摘要由CSDN通过智能技术生成

SwiftUI中的ActionSheet

记录一下SwiftUI中的ActionSheet的用法


import SwiftUI

struct ActionSheetBootCamp: View {
    @State var  showActionSheetBool = false
    var body: some View {
        ZStack {
            Color.purple.ignoresSafeArea()
            Button {
                showActionSheetBool.toggle()
            } label: {
                Text("showActionSheet")
                    .foregroundColor(.white)
                    .padding()
            }

        }
        .actionSheet(isPresented: $showActionSheetBool, content: {
            showActionSheet()
        })
    }
    
    func showActionSheet() -> ActionSheet {
        let button1: ActionSheet.Button = .default(Text("default"))
        let button2: ActionSheet.Button = .destructive(Text("destructive"))
        let cancel: ActionSheet.Button = .cancel()
        
        return ActionSheet(title: Text("this is title"), message: Text("this is message"), buttons: [button1, button2, cancel])
    }
}

#Preview {
    ActionSheetBootCamp()
}