Search code examples
flutterflutter-theme

How to set status bar color if using sliver app bar

As I am having sliver app bar in my screen, I am not using AppBar() widget. So by default the status bar color is white.

Is there a way to change the color of status bar from sliver.

enter image description here

Below code works for Android as expected, but not for iOS.

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
    statusBarColor: kPrimaryColor,
  ));

If using app bar to change the color, then sliver breaks enter image description here

Solution

  • add color what you need and set pinned to false

    SliverAppBar(
      backgroundColor: Colors.blue,
      expandedHeight: 160.0,
      pinned: false,
      stretch: false,
)