@media (prefers-color-scheme:dark) {
body {
color: white;
background-color: black;
}
}
C'est très classique, cela fonctionne bien, mais ! La lecture de la page HTML peut prendre quelques fraction de seconde, et entre le moment où l'on initialise la webView et le moment ou la page est chargée, une page "par défaut", vide, avec un fond blanc, peut être visible, ce qui cause un flash blanc intempestif.
Comment faire ? Il suffit d'initialiser une page ultra-simple, sous forme de NSString, qui remplacera tout de suite la page par défaut, puis de charger la page qui peut prendre un peut plus de temps à charger.
// Force le fond à noir en mode dark
// (le contenu html est au dessus du backgroundColor)
// Evite un flash blanc en mode dark
// entre la lecture du html et l'affichage.
[web loadHTMLString:@"<html><head><style>@media (prefers-color-scheme:dark) { body { background:black; }}</style></head><body></body></html>" baseURL:nil];
}
Et hop...
Commentaires