Background color de la barre d'état et de la barre de navigation sur Android

Bonjour à tous,

On avait discuté de ce problème en coatching de groupe récemment. L’idée était d’obtenir une couleur de fond blanche sur l’ensemble de l’application, barre d’état et barre de navigation comprise sur Android.

Je vous partage le bout de code que j’ai trouvé et qui fonctionne à merveille :slight_smile:

void main() {
  SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(
    systemNavigationBarColor: Colors.white, // navigation bar color
    statusBarColor: Colors.white, // status bar color
    statusBarIconBrightness: Brightness.dark, // status bar icon color
    systemNavigationBarIconBrightness:
        Brightness.dark, // color of navigation controls
  ));
  runApp(const MyApp());
}

Par contre, il ne marche que si on n’utilise pas la AppBar sinon il faut repréciser ce bout de code au niveau des AppBar :

appBar: AppBar(
          title: Text(_viewModel.fungus.scientificName),
          systemOverlayStyle:
              const SystemUiOverlayStyle(statusBarColor: Colors.white)),
1 « J'aime »

Merci pour le partage @Tazooou ! Tu as testé aussi sur iPhone ou seulement sur Android ?

Sur iPhone, l’ensemble du background était blanc avant la modification et rien n’a bougé après l’ajout de ces lignes de code.

1 « J'aime »