The status bar text/tint/foreground color can be set to white by setting the View
‘s .dark
or .light
mode color scheme using .preferredColorScheme(_ colorScheme: ColorScheme?)
.
The first view in your hierarchy that uses this method will take precedence.
For example:
var body: some View {
ZStack { ... }
.preferredColorScheme(.dark) // white tint on status bar
}
var body: some View {
ZStack { ... }
.preferredColorScheme(.light) // black tint on status bar
}