Different ways to change the status bar and navigation bar color (iOS and Android) in Flutter

Umesh Shrestha
Jun 21, 2020 · 2 min read

Flutter has been popular since it’s release and many developers and clients are fans of how flutter works. One code-base for iOS and android, hot restart features which makes flutter easy to work with development, performance like native apps are few of the flutters feature.

And another thing Flutter is popular at is the easiness at starting. Completely new with no previous knowledge in mobile development with basic OOP( Object-oriented Programming) concept can start developing in flutter and make their dream app come to life.

But few things can be overwhelming for beginners due to the verboseness of flutter. So today we are looking at the simple yet very much asked question in flutter community, i.e. How to change the color of the status bar and navigation bar in a flutter.

Navigation Bar
Navigation Bar
Status Bar

Here, in brightness parameter, Brightness.light makes the status bar icons dark while Brightness.dart makes the status bar icon white.

When You are not using AppBar you can use AnnotatedRegion to change the color of status bar, but if you have AppBar this method doesn’t work (Both iOS and Android)

Another way to approach in changing the color, and if you are okay with using package, flutter_statusbarcolor is a good way to do it.

Simply add this package to your pubspec.yaml file, import it and use it wherever you want.

With this method you can change navigation bar color, status bar color, status bar brightness, status bar icon brightness any many more customization option.

I personally use number 4 since it’s easy to implement, but you can play around with other methods and find the best option for you.

Dev Genius

Coding, Tutorials, News, UX, UI and much more related to development

By Dev Genius

The best stories sent monthly to your email. Take a look.

By signing up, you will create a Medium account if you don’t already have one. Review our Privacy Policy for more information about our privacy practices.

Check your inbox
Medium sent you an email at to complete your subscription.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store