Barre d'outils Flutter se chevauchant sous la barre d'état
Je me demande où commence le bord supérieur de l'application en flottement. Regardez l'application Hello World suivante:
La bannière de débogage est passée sous la barre d'état, ce qui indique que le bord supérieur de mon application commence à partir du bord de l'écran. Cependant, le AppBar de l'application a été placé juste après la barre d'état. Cette inconsistance me déroute! La petite partie de la demande chevauchée sous la barre d'état fait-elle partie de ma demande ou non? Pourquoi le AppBar n'est pas sous la barre d'état? Comment puis-je décider comment mon application doit chevaucher la barre d'état? Et quelle est la meilleure pratique ici? Le chevauchement de l'en-tête de l'application avec la barre d'état est-il une bonne pratique?
En fait, la barre d'application est partiellement sous la barre d'état. Il a juste un rembourrage interne pour le gérer correctement
Ceci est très clair lorsque vous supprimez la barre d'applications:
Scaffold(
body: Text("Hello"),
)
Dans cette situation, il affichera "Bonjour" sous la barre d'état.
Vous pouvez résoudre ce problème en enveloppant votre corps dans un SafeArea:
Scaffold(
body: SafeArea(
child: Text("Hello"),
),
),