如何在flutter app中更改状态栏颜色，仅在一页中

Question

I want to change the status bar color of the app in specific page.

used code:

      SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
        statusBarColor:Colors.white, 
        systemNavigationBarColor: Colors.grey[200],
      ))

above will change the color, but how to do that just for the specific page, I am using navigator. for navigation.

Answer 1

Use your code just above the build method of every page you create.

So for one scaffold, call this above the scaffold's build method to change the status bar color to grey

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
  statusBarColor: Colors.white, 
  systemNavigationBarColor: Colors.grey[200],
))

To change it back for another screen, simply recall the code with a different color above that screen's scaffold's build method:

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      statusBarColor: Colors.black, 
      systemNavigationBarColor: Colors.grey[200],
    ))