首页 > 解决方案 > 外观更改时更新小部件

问题描述

我想知道你们中是否有人知道 SwiftUI 中的系统,当外观从light模式更改为模式时更新小部件,dark反之亦然。

我可以更改文本和图像,但我使用一种方法来显示地图的屏幕截图,并且每次外观更改时我都应该运行它以获得正确的地图颜色。

标签: swiftswiftuiios14widgetkit

解决方案


  1. 创建两个屏幕截图(每个主题一个)并将其传递到条目中:
struct SimpleEntry: TimelineEntry {
    let date: Date
    let mapScreenshots: [ColorScheme: Image]
}
struct Provider: TimelineProvider {
    ...

    func getTimeline(in context: Context, completion: @escaping (Timeline<SimpleEntry>) -> Void) {
        let entry = SimpleEntry(
            date: Date(),
            mapScreenshots: [
                // replace with actual map screenshots
                .dark: Image(systemName: "plus"),
                .light: Image(systemName: "minus"),
            ]
        )
        let timeline = Timeline(entries: [entry], policy: .never)
        completion(timeline)
    }
}
  1. 用于@Environment(\.colorScheme)对主题变化做出反应:
struct WidgetEntryView: View {
    @Environment(\.colorScheme) var colorScheme

    var entry: Provider.Entry

    var body: some View {
        if let screenshot = entry.mapScreenshots[colorScheme] {
            screenshot
        }
    }
}

推荐阅读