'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 1:[1]

add color what you need and set pinned to false

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

Solution 2:[2]

Try this:

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

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 novol
Solution 2 Osama Remlawi