SwiftUI能否实现Widget背景透明或模糊效果？

我尝试为Widget设置模糊背景或完全透明背景，已花费多日查找解决方案，怀疑苹果已移除该功能。使用Color.clear后，深色模式下Widget仍显示黑色背景，请问是否可以实现Widget背景透明或模糊？

以下是我的Widget代码：

struct widgetsEntryView : View {
    var entry: Provider.Entry

    var body: some View {
        ZStack{
         
            VStack {
                
                Text("Time: testing")
                Text(entry.date, style: .time)
            }
            
        }.containerBackground(for: .widget) {
            Color.clear
        }
    }
}


struct widget_Medium: Widget {
    
    let kind: String = "widgets"
    var body: some WidgetConfiguration {
        
        AppIntentConfiguration(kind: kind, provider: Provider()) 
        { entry in
            
            widgetsEntryView(entry: entry)
        }
         .containerBackgroundRemovable(true)
         .supportedFamilies([.systemMedium])
         .configurationDisplayName("My Widget")
         .description("This is an example widget.")
        
    }
}

解决方案 #

1. 完全透明背景实现

iOS 17+ 提供了widgetBackground修饰符，这是设置Widget背景的官方方式。修改你的widgetsEntryView代码：

struct widgetsEntryView : View {
    var entry: Provider.Entry

    var body: some View {
        VStack {
            Text("Time: testing")
            Text(entry.date, style: .time)
        }
        .widgetBackground(Color.clear)
    }
}

注意：.containerBackgroundRemovable(true)仅开放了用户手动移除系统默认背景的权限，代码无法强制绕过用户设置——只有用户在Widget编辑界面开启「移除背景」后，透明设置才会生效，否则系统默认背景会覆盖你的设置。

2. 模糊背景实现

如果需要模糊效果，可使用SwiftUI的Material材质（iOS 15+支持），结合widgetBackground：

struct widgetsEntryView : View {
    var entry: Provider.Entry

    var body: some View {
        VStack {
            Text("Time: testing")
            Text(entry.date, style: .time)
        }
        .widgetBackground(Material.ultraThin) // 可选：thin、regular、thick等不同模糊程度
    }
}

关键说明 #

• 旧版本的containerBackground无法直接实现透明，iOS 17+推荐使用widgetBackground。
• 深色模式下的黑色背景是系统默认背景，属于用户可配置项，代码层面无法强制隐藏，必须用户手动开启「移除背景」。

内容的提问来源于stack exchange，提问作者Kodr.F