SwiftUI Sheet 与 fullScreenCover 合集

Custom Sheet

参考：

• Xcode 14.3 新功能：輕鬆客製化 SwiftUI Bottom Sheet 背景及滾動行為
• How to Display a Bottom Sheet Using SwiftUI

.presentationBackground(.thinMaterial)			// 模糊效果
.presentationBackground(.yellow)				// 设置颜色
.presentationCornerRadius(8)					// 圆角
// When it first appears, the bottom sheet is displayed in medium size. You can expand it to large size by dragging the sheet.
.presentationDetents([.medium, .large])
// supports 4 different sizes including: around 10% of the screen height；a fixed height of 200 points；the standard Medium and Large sizes
.presentationDetents([.fraction(0.1), .height(200), .medium, .large])
.presentationDragIndicator(.hidden) 			// 隐藏指示器
.presentationDragIndicator(.visible)

dismiss()

在 sheet 和 fullScreenCover 中都可以使用

@Environment(\.presentationMode) var presentationMode
// Use: presentationMode.wrappedValue.dismiss()
// 该方法在 iOS 15.0 后被 dismiss() 替代

@Environment(\.dismiss) var dismiss
// Use: dismiss()

.popover

目前看下来 .popover 与 .sheet 没什么区别

struct ContentView: View {
    @State private var showingPopover = false
    var body: some View {
        Button("Show Menu") {
            showingPopover = true
        }
        .popover(isPresented: $showingPopover) {
            Text("Your content here")
                .font(.headline)
                .padding()
        }
    }
}