SwiftUI: Force View to use light or dark mode

Question

Is it possible in SwiftUI to force a View to use light or dark mode — like overrideUserInterfaceStyle in UIKit does?

score 49 · Accepted Answer · answered Feb 20 '21 at 02:23

49

.colorScheme() is deprecated does not work with the background well.

.preferredColorScheme() is the way now. Does the job with the background too.

TestView1()
   .preferredColorScheme(.dark)

TestView2()
   .preferredColorScheme(.light)

answered Feb 20 '21 at 02:23

Jorge Frias

2

In my case: `Text().background(.regularMaterial).preferredColorScheme(.dark)` did not work, but `Text().background(.regularMaterial).colorScheme(.dark)` did. That said, setting using `preferredColorScheme` higher up did work so – lewis Dec 06 '22 at 17:35
If we want to change the color scheme just to a view and not the entire presentation the `preferredColorScheme` will not help. Instead we can use `.environment(\.colorScheme, .dark)` – Busata Aug 17 '23 at 15:22

score 5 · Answer 2 · answered Aug 03 '20 at 13:49

5

Use .colorScheme modifier, like

TestView1()
   .colorScheme(.dark)

TestView2()
   .colorScheme(.light)

answered Aug 03 '20 at 13:49

Asperi

2 Answers2