SwiftUI中如何修改BottomSheet的圆角半径？

当你给带presentationDetents的BottomSheet直接添加.cornerRadius(INT)时，该修饰符只会作用于sheet内部的内容视图，无法影响系统提供的sheet外层容器，因此看起来圆角设置无效。以下是几种可行的解决方法：

方法一：iOS 16.4+ 直接使用官方修饰符 #

iOS 16.4及以上版本提供了专门的.presentationCornerRadius修饰符，可直接设置sheet的圆角半径：

.sheet(isPresented: $showSheet) {
    YourSheetContentView()
        .presentationDetents([.fraction(1), .height(400), .medium, .large])
        .presentationCornerRadius(20) // 在这里设置目标圆角值
}

方法二：自定义sheet背景（iOS 16+通用） #

通过.presentationBackground自定义sheet的背景视图，同时设置圆角，实现完全的样式控制：

.sheet(isPresented: $showSheet) {
    YourSheetContentView()
        .presentationDetents([.fraction(1), .height(400), .medium, .large])
        .presentationBackground(
            RoundedRectangle(cornerRadius: 20)
                .fill(Color.systemBackground) // 匹配系统默认背景色
                .ignoresSafeArea()
        )
}

方法三：通过UIKit外观全局设置（iOS 15+） #

如果需要全局统一所有sheet的圆角样式，可以在App初始化时修改UISheetPresentationController的外观：

@main
struct YourApp: App {
    init() {
        let sheetAppearance = UISheetPresentationController.Appearance()
        sheetAppearance.cornerRadius = 20
        UISheetPresentationController.appearance().standardAppearance = sheetAppearance
    }
    
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

注意：这种方式会影响App内所有使用presentationDetents的sheet，若需单独设置某个sheet的样式，优先选择前两种方法。

内容的提问来源于stack exchange，提问作者DevExodus