Flutter iOS Dark Theme Status Bar Color

Ivan Terekhin
1 min readJan 17, 2020

There is a bug with Flutter Dark Theme Status Bar coloring and the regular brightness: Brightness.light is not working. So, to make StatusBar visible just put the following code to Info.plist for your native iOS:

<key>UIUserInterfaceStyle</key>
<string>Light</string>
<key>UIViewControllerBasedStatusBarAppearance</key>
<true/>

And after that, you can use the

SystemChrome.setSystemUIOverlayStyle(
SystemUiOverlayStyle(statusBarBrightness: Brightness.light) // Or Brightness.dark
);

in the App Build method.

Found this in https://github.com/flutter/flutter/issues/41067. Thanks to https://github.com/luscas :)

--

--

Ivan Terekhin

Mobile developer (Android, iOS, Flutter), AI and GameDev enthusiast. http://clover-republic.com/