iOS 14 Widget Detect System Theme Change

user_102901 0
Viewed 1228

I construct my widget with a programmatically generated UIImage in getTimeline.

So I need to know in getTimeline if the iOS theme is either Light or Dark.

I know how to do that in a ViewController with traitCollection.userInterfaceStyle == .dark, but how can I do it in a Widget?

widgetkit ios14 swiftui swift
1 Answers

Although Widget views are static, you may still detect @Environment(\.colorScheme).

Here is a simple demo:

struct WidgetEntryView: View {
    @Environment(\.colorScheme) var colorScheme

    var entry: Provider.Entry

    var bgColor: some View {
        colorScheme == .dark ? Color.red : Color.orange
    }

    var body: some View {
        ZStack {
            bgColor
            Text(entry.date, style: .time)
        }
    }
}

Note that when the system color scheme changes:

  • only your View is redrawn, the getTimeline function is not called again
  • the default colors change automatically when the system color scheme changes

Here is a GitHub repository with different Widget examples including the Environment Widget.

user_86977930
Related