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()
    }
}

 效果图:

 

 


版权声明:本文为abc231218原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。