watchOS 10 如何区分表盘独立小组件与智能堆栈内小组件？

在watchOS 10里，.accessoryRectangular类型的小组件不管是放在表盘单独显示还是在智能堆栈里，family都是同一个，但两者设计需求不一样——独立表盘的要简洁，智能堆栈里的得用全彩背景。这里有两种可行的区分方法：

方法一：利用widgetRenderingMode环境变量 #

watchOS会根据组件的放置位置自动设置渲染模式，智能堆栈里的组件会触发.fullColor模式，而独立显示的组件通常是.accented或.monochrome（具体取决于用户的表盘设置）。你可以在组件视图里直接读取这个环境变量来切换布局：

struct MyWidgetView: View {
    @Environment(\.widgetRenderingMode) var renderingMode
    let entry: Provider.Entry

    var body: some View {
        if renderingMode == .fullColor {
            // 智能堆栈内的全彩布局
            ZStack {
                Color.blue.edgesIgnoringSafeArea(.all)
                Text(entry.date, style: .time)
                    .foregroundColor(.white)
            }
        } else {
            // 独立表盘的简洁布局
            Text(entry.date, style: .time)
                .foregroundColor(.primary)
        }
    }
}

方法二：通过WidgetCenter获取组件放置状态 #

如果需要更精准的判断，你可以调用WidgetCenter的API获取当前组件的配置信息，通过widgetLocation属性判断是否处于智能堆栈中。这种方式需要异步处理，适合在TimelineProvider里根据状态调整数据：

struct Provider: TimelineProvider {
    func getTimeline(in context: Context, completion: @escaping (Timeline<SimpleEntry>) -> ()) {
        WidgetCenter.shared.getCurrentConfigurations { result in
            switch result {
            case .success(let configs):
                let isInSmartStack = configs.contains {
                    $0.kind == "MyWidget" && $0.widgetLocation?.isInStack == true
                }
                let entries = [SimpleEntry(date: Date(), isInSmartStack: isInSmartStack)]
                completion(Timeline(entries: entries, policy: .atEnd))
            case .failure(_):
                let entries = [SimpleEntry(date: Date(), isInSmartStack: false)]
                completion(Timeline(entries: entries, policy: .atEnd))
            }
        }
    }

    // placeholder、getSnapshot 方法省略
}

struct SimpleEntry: TimelineEntry {
    let date: Date
    var isInSmartStack: Bool = false
}

之后在视图里就可以根据entry.isInSmartStack的值来切换不同的设计了。

内容的提问来源于stack exchange，提问作者Tomáš Kafka