Repository navigation
Light status bar with dark icons #17231
Description
This is not really an issue but a question about how to do it in flutter.
I asked this question on SO but didn't get any answers.
https://stackoverflow.com/questions/49179175/how-to-make-android-status-bar-light-in-flutter
I want to change the status bar to light on Android which automatically turns icons dark. This was introduced in Android v23 with <item name="android:windowLightStatusBar">true</item>.
Please note that my question is NOT about changing status bar color or about removing translucency. I know how to do all that. I just want to change the color of icons which in Android is possible with windowLightStatusBar property.
Check image below for reference.
Activity
jonahwilliams commentedon May 3, 2018
Hi @kalehv, right now flutter doesn't expose the necessary API to configure the status bar or other parts of the system chrome for Android. I'm working on a PR to add the low level functionality in the engine here: #17171 - this should be done fairly soon!
After that I'll also need to update the framework and make a breaking change to the AppBar so that the low level API is useable - this will take a bit longer.
hvkale commentedon May 3, 2018
Thank you @jonahwilliams for the update.
Please link this PR with your original one so that this one gets an update. Appreciate it.
zoechi commentedon Jul 26, 2018
I assume this was fixed by #17171
flutter-team-archive/engine@2d42c74...d7ad50c
flutter-team-archive/engine@2d42c74...d7ad50c
miikaeru commentedon Jun 6, 2020
During launch in splash screen the status and navigation bar still can't be set to the light mode. Changing the appearance after the splash screen is not desirable and interrupts the user experience. Why is it not possible to change the mode with
<item name="android:windowLightStatusBar">true</item>in the main activtiy?Mhamza007 commentedon Jul 15, 2020
For making status bar transparent. In main.dart add
Future<void> main() async { SystemChrome.setSystemUIOverlayStyle( SystemUiOverlayStyle( statusBarColor: Colors.transparent, ), ); ... }Then in appbar add this
return AppBar( brightness: Brightness.light, ... )Hope it helps
github-actions commentedon Aug 18, 2021
This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of
flutter doctor -vand a minimal reproduction of the issue.