How to set status bar color if using sliver app bar

user_8178474 0
Viewed 1703

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

flutter-theme flutter
2 Answers

Try this:

Scaffold(
    body: SafeArea(
      top: false,
      bottom: false,
      child: Container(), // Replace this container with your UI widget
    ),
)
user_73602750

add color what you need and set pinned to false

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