Status bar color doesn't change in flutter

Question

I have a page that I want to have different style, I've tried to change status bar color from example through SystemChrome like this:

class PageState extends State<Page> {
 @override
 void initState() {
 SystemChrome.setSystemUIOverlayStyle(
     SystemUiOverlayStyle(statusBarColor: Colors.white));
 super.initState();
 }
}

And also set up appBar theme:

appBar: AppBar(
    brightness: Brightness.light,
    backgroundColor: Colors.white,
)

But status bar still uses default color from home page.
Also worth mentioning that if I try to change color with this method on home page it works just fine.

This might help https://stackoverflow.com/questions/52489458/how-to-change-status-bar-color-in-flutter — smitty_werbenjagermanjensen, May 16 '19 at 15:00
Yeah, I saw that, but thought maybe I could resolve the issue without adding another library just for one screen — HPressure, May 16 '19 at 15:08
Maybe something like from the top solution where you make your own https://stackoverflow.com/questions/51012360/flutter-system-navigation-bar-and-status-bar-color — smitty_werbenjagermanjensen, May 16 '19 at 15:50
What color do you need in the status bar ? and what color are you getting ? — Hosar, May 16 '19 at 16:15
@Hosar I want it to be white, but I'm getting red color (the one I set on home page) — HPressure, May 16 '19 at 17:12
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark.copyWith( statusBarColor: Colors.white, )); something like that maybe with the package services.dart — smitty_werbenjagermanjensen, May 16 '19 at 18:20

score 2 · Accepted Answer · answered May 17 '19 at 12:24

2

To set status bar color you should write code in 'build' method, as below example -

   @override
      Widget build(BuildContext context) {
        SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark.copyWith(
            statusBarColor: Color.fromRGBO(41, 167, 77, 50),
            //or set color with: Color(0xFF0000FF)
            statusBarIconBrightness: Brightness.dark));
    return Scaffold();
    }

answered May 17 '19 at 12:24

Nikhat Shaikh

3,175
1
16
21

Thank you, my bad – HPressure May 17 '19 at 20:30
It's not a good idea to put code like this in `build`, because it will execute every time your widget needs building (possibly hundreds or thousands of times!) Better to put it somewhere which will execute once, eg in `initstate` – James Allen Jun 14 '23 at 15:54

Status bar color doesn't change in flutter

1 Answers1