Comment puis-je cibler la couleur de la barre d'état ou de l'opacité dans une application Flutter?

Vous pouvez changer la couleur du texte de la barre d'état de la lumière à l' obscurité à l' aide SystemChrome.setSystemUIOverlayStyle. Par exemple, pour faire le noir de police barre d'état:

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark);

Cependant, le AppBarwidget de demande également setSystemUIOverlayStyledans sa fonction de construction et peut interférer avec vous. Si vous construisez une application qui utilise un AppBarwidget, vous devriez probablement régler le brightnesssur votre AppBarêtre Brightness.dark (si vous voulez un état texte de la lumière bar) ou Brightness.light (si vous voulez une barre d'état texte foncé).

Pour masquer l'indicateur d'état tout à fait, utilisez SystemChrome.setEnabledSystemUIOverlays.

Je ne sais pas si Flutter a une API pour personnaliser l'opacité du texte ou la couleur d'arrière-plan. Il n'y a pas un arrière-plan du tout sur iOS, mais vous pouvez dessiner vous-même.

  // set status bar color with opacity
  SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light.copyWith(
      statusBarColor: Color(0x22CACACA)
  ));

1. Vous pouvez définir la couleur de la barre d'état ( CACACApartie après 0x22).
2. Vous pouvez définir l' opacité des couleurs ( 22partie après 0x).