SwiftUI: couleur de la barre d'état

Comme dans les commentaires liés à j'ai édité cette question ici

Mais pour répondre à cette question et aider les gens à trouver la réponse directement:

Swift 5 et SwiftUI

Pour SwiftUI, créez un nouveau fichier swift appelé HostingController.swift

window.rootViewController = HostingController(rootView: ContentView())

Modifiez ensuite les lignes de code suivantes dans SceneDelegate.swift

window.rootViewController = UIHostingController(rootView: ContentView())

à

import SwiftUI

class HostingController<ContentView>: UIHostingController<ContentView> where ContentView : View {
    override var preferredStatusBarStyle: UIStatusBarStyle {
        return .lightContent
    }
}

SwiftUI

Créez un contrôleur d'hébergement, DarkHostingController et définissez-y le preferredStatusBarStyle :

window.rootViewController = DarkHostingController(rootView: ContentView())

et enveloppez dans SceneDelegate :

class DarkHostingController<ContentView> : UIHostingController<ContentView> where ContentView : View {
    override dynamic open var preferredStatusBarStyle: UIStatusBarStyle {
        .lightContent
    }
}

Créez une nouvelle classe appelée HostingController :

import SwiftUI

final class HostingController<T: View>: UIHostingController<T> {
    override var preferredStatusBarStyle: UIStatusBarStyle {
        .lightContent
    }
}

Dans votre SceneDelegate.swift , remplacez toutes les occurrences de UIHostingController par HostingController .

Dans le cas où vous utilisez environmentObject vous pouvez utiliser la solution proposée dans cette réponse .

Créez un nouveau fichier et collez le code suivant

window.rootViewController = HostingController(rootView: AnyView(contentView.environmentObject(settings)))

La différence ici est que nous utilisons AnyView au lieu de ContentView , ce qui nous permet de remplacer ceci:

window.rootViewController = UIHostingController(rootView:contentView.environmentObject(settings))

par ça:

import SwiftUI

class HostingController: UIHostingController<AnyView> {
   override var preferredStatusBarStyle: UIStatusBarStyle {
      return .lightContent
   }
}

J'utilise quelque chose comme ça

extension UIApplication {

    enum ColorMode {
        case dark, light
    }

    class func setStatusBarTextColor(_ mode: ColorMode) {
        if #available(iOS 13.0, *) {
            var style: UIUserInterfaceStyle
            switch mode {
            case .dark:
                style = .dark
            default:
                style = .light
            }
            if let window = Self.activeSceneDelegate?.window as? UIWindow {
                window.overrideUserInterfaceStyle = style
                window.setNeedsDisplay()
            }
        }
    }

    class var activeSceneDelegate: UIWindowSceneDelegate? {
        (Self.activeScene)?.delegate as? UIWindowSceneDelegate
    }
}

Mise à jour : Il semble que la réponse de Hannes Sverrisson ci-dessus soit la plus proche, mais nos réponses sont légèrement différentes.

Les réponses ci-dessus avec la sous-classe UIHostingController, telles qu'écrites, ne fonctionnent pas dans XCode 11.3.1.

Ce qui suit a fonctionné pour moi, pour la sous-classe (qui gère également les paramètres d'environnement ContentView):

window.rootViewController = HostingController(rootView: contentView)

Ensuite, dans SceneDelegate.swift, modifier le paramètre window.rootViewController en tant que tel fonctionne effectivement:

import SwiftUI

class HostingController<Content>: UIHostingController<Content> where Content : View {
    override var preferredStatusBarStyle: UIStatusBarStyle {
        return .lightContent
    }
}

La solution ci-dessus fonctionne pour le style de la barre d'état. Si vous souhaitez appliquer une couleur d'arrière-plan à la barre d'état, vous devez utiliser un VStack qui ignore la zone d'enregistrement supérieure.

    GeometryReader{geometry in
        VStack{
            Rectangle().frame(width: geometry.size.width, height: 20, alignment: .center).foregroundColor(.red)
            Spacer()
            Your content view goes here
        }
        .frame(width: geometry.size.width, height: geometry.size.height)
    }.edgesIgnoringSafeArea(.top)

Vous pouvez utiliser la hauteur réelle de la barre d'état au lieu de 20 fixe. Veuillez vous référer au lien ci-dessous pour obtenir la hauteur de la barre d'état. Hauteur de la barre d'état dans Swift

Dans info.plist, vous pouvez simplement définir

• "Style de la barre d'état" à "Contenu léger"
• "Afficher l'apparence de la barre d'état basée sur le contrôleur" sur NON

Pas besoin de changer quoi que ce soit dans votre code ...

Le texte barre d'état / teinte / couleur de premier plan peut être réglé sur blanc en réglant la View de .dark ou .light schéma de couleurs de mode à l' aide .preferredColorScheme(_ colorScheme: ColorScheme?) .

La première vue de votre hiérarchie qui utilise cette méthode prévaudra.

Par exemple:

var body: some View {
  ZStack { ... }
  .preferredColorScheme(.light) // black tint on status bar
}

var body: some View {
  ZStack { ... }
  .preferredColorScheme(.dark) // white tint on status bar
}

Créez un nouveau fichier swift appelé HostingController.swift ou ajoutez simplement cette classe à votre fichier swift existant

window.rootViewController = HostingController(rootView: contentView)

Puis changez la ligne de code dans SceneDelegate.swift

window.rootViewController = UIHostingController(rootView: contentView)

à

class HostingController: UIHostingController<ContentView> {
    override var preferredStatusBarStyle: UIStatusBarStyle {
        return .darkContent //or .lightContent

    }
}

Les réponses existantes couvrent le cas où vous souhaitez simplement changer la couleur de la barre d'état une fois (par exemple, utilisez du contenu léger dans toute votre application), mais si vous souhaitez le faire par programme, les clés de préférence sont un moyen d'y parvenir.

L'exemple complet peut être trouvé ci-dessous, mais voici une description de ce que nous allons faire:

• Définissez une structure conforme à PreferenceKey , elle sera utilisée par View s pour définir leur style de barre d'état préféré
• Créez une sous-classe de UIHostingController qui peut détecter les changements de préférence et les relier au code UIKit approprié
• Ajoutez une View extension pour obtenir une API qui semble presque officielle

Conformité de la clé de préférence

VStack {
   Text("Something")
}.statusBar(style: .lightContent)

Sous-classe UIHostingController

//Previously: window.rootViewController = UIHostingController(rootView: rootView)
window.rootViewController = HostingController(wrappedView: rootView)

Afficher l'extension

extension View {
  func statusBar(style: UIStatusBarStyle) -> some View {
    preference(key: StatusBarStyleKey.self, value: style)
  }
}

Usage

Tout d'abord, dans votre SceneDelegate vous devrez remplacer UIHostingController par votre sous-classe:

class HostingController: UIHostingController<AnyView> {
  var statusBarStyle = UIStatusBarStyle.default

  //UIKit seems to observe changes on this, perhaps with KVO?
  //In any case, I found changing `statusBarStyle` was sufficient
  //and no other method calls were needed to force the status bar to update
  override var preferredStatusBarStyle: UIStatusBarStyle {
    statusBarStyle
  }

  init<T: View>(wrappedView: T) {
// This observer is necessary to break a dependency cycle - without it 
// onPreferenceChange would need to use self but self can't be used until 
// super.init is called, which can't be done until after onPreferenceChange is set up etc.
    let observer = Observer()

    let observedView = AnyView(wrappedView.onPreferenceChange(StatusBarStyleKey.self) { style in
      observer.value?.statusBarStyle = style
    })

    super.init(rootView: observedView)
    observer.value = self
  }

  private class Observer {
    weak var value: HostingController?
    init() {}
  }

  @available(*, unavailable) required init?(coder aDecoder: NSCoder) {
    // We aren't using storyboards, so this is unnecessary
    fatalError("Unavailable")
  }
}

Toutes les vues peuvent désormais utiliser votre extension pour spécifier leur préférence:

struct StatusBarStyleKey: PreferenceKey {
  static var defaultValue: UIStatusBarStyle = .default
  
  static func reduce(value: inout UIStatusBarStyle, nextValue: () -> UIStatusBarStyle) {
    value = nextValue()
  }
}

Remarques

La solution d'utiliser une sous-classe HostingController pour observer les changements de clé de préférence a été suggérée dans cette réponse à une autre question - j'avais précédemment utilisé @EnvironmentObject qui avait beaucoup d'inconvénients, les clés de préférence semblent beaucoup plus adaptées à ce problème.

Est-ce la bonne solution à ce problème? Je ne suis pas sûr. Il y a probablement des cas extrêmes que cela ne gère pas, par exemple, je n'ai pas testé en profondeur pour voir quelle vue obtient la priorité si plusieurs vues dans la hiérarchie spécifient une clé de préférence. Dans mon propre usage, j'ai deux vues mutuellement exclusives qui spécifient leur style de barre d'état préféré, donc je n'ai pas eu à gérer cela. Vous devrez peut-être modifier cela pour répondre à vos besoins (par exemple, utiliser un tuple pour spécifier à la fois un style et une priorité, puis demander à votre HostingController vérifier sa priorité précédente avant de remplacer).

La réponse de @Dan Sandland a fonctionné pour moi, mais dans mon cas, il était nécessaire de garder l'interface en mode .light

ZStack {
    Rectangle()...
    
    VStack(spacing: 0) {
        ...
    }.colorScheme(.light)
}
.preferredColorScheme(.dark)

Ajoutez simplement ceci à info.plist

<key>UIStatusBarStyle</key>
<string>UIStatusBarStyleLightContent</string>
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>

testé sur IOS 14, xcode 12