如何去除iOS锁屏Widget的灰色背景？

针对你遇到的锁屏矩形配件Widget出现灰色背景的问题，试试以下几个精准调整方案：

1. 正确使用AccessoryWidgetBackground（iOS 16+） #

确保将AccessoryWidgetBackground()作为Widget根视图的容器背景，而非嵌套在内部视图中。同时让内容占满配件区域，避免系统填充默认灰色背景，修改你的rectangularAccessory代码：

var rectangularAccessory: some View {
    ViewThatFits {
        VStack(alignment: .leading) {
            Text("\(entry.listVM.datedList.results.displayName)")
                .font(.headline)
            
            Text("#1: \(entry.listVM.datedList.results.books[0].title)")
                .font(.body)
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .leading)
    }
    .containerBackground(for: .widget) {
        AccessoryWidgetBackground()
    }
}

2. 适配系统颜色模式 #

如果壁纸是深色模式，系统可能自动适配灰色背景，可强制绑定系统主色调来匹配壁纸：
在Widget的根body中添加全局色调设置：

var body: some View {
    switch widgetFamily {
    case .accessoryInline:
        inlineAccessory
    case .accessoryRectangular:
        rectangularAccessory
    case .systemLarge,.systemMedium:
        homeScreenWidget
    default:
        EmptyView()
    }
    .tint(.primary)
}

3. 版本兼容性处理 #

AccessoryWidgetBackground仅支持iOS 16及以上版本，若需兼容更低系统，添加版本判断：

.containerBackground(for: .widget) {
    if #available(iOS 16.0, *) {
        AccessoryWidgetBackground()
    } else {
        Color.clear
    }
}

4. 清理Widget缓存 #

缓存可能导致设置不生效，可通过以下步骤重置：

• 长按Widget选择「移除Widget」，重新添加至锁屏
• 重启测试设备

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