swiftUi底部弹窗

工具版本:

xcode: 12.5.1

swift: 5.4.2

代码示例:

import SwiftUI

// 测试ui
struct TestView: View {
    // 弹窗是否展示; 默认false
    @State var isPresented = false
    
    var body: some View {
        Button(action: {
            // 按钮点击,改变弹窗现实状态
            self.isPresented.toggle()
        }){
            Text("点击")
        }.sheet(isPresented: $isPresented, content: {
                VStack{
                    Text("需要展示的内容(弹窗的view)").foregroundColor(.white)
                }
                // 撑满全屏
                .frame(minWidth: 0, idealWidth:100, maxWidth: .infinity, minHeight: 0, idealHeight: 100, maxHeight: .infinity, alignment: .center)
                .background(Color.secondary)
        })
    }
}

// 预览代码
struct TestView_Previews: PreviewProvider {
    static var previews: some View {
        TestView()
    }
}

 效果图:

 

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值