0:03 Transparent status bar has dark icons
0:12 Solution
0:16 Set brightness parameter into dark
0:18 Result
Additional solution:
appBar: AppBar(
brightness: Brightness.dark,
),
After updating my flutter sdk to the latest version, i started to face a problem on the status bar,
All of the status bar icons turned into dark regardless of app theme and device theme.
The simplest solution i found is to set the brightness parameter into dark.
No mater what your app theme or the phone theme is.
Hope this helped you on some cases, if not please let us know what your issue is!
Issues related to the status bar icon color
1) Why my status bar icons are black and why can't I change it? (After Flutter 2.0 Upgrade)
After I upgrade Flutter 2.0, the color of the status bar's icon/text changed from white to black. After I upgraded because I did not make any other changes. Now the status bar icons of all apps I run is black. Why?
https://stackoverflow.com/questions/6...
2) Status bar icons color #24472
https://github.com/flutter/flutter/is...
3)Icon's color in status bar (Flutter)
Add the Snippet below to your main.dart. setSystemUIOverlayStyle allows one to change System overlay styles if any. This will do the job globally in your app.
"""
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
statusBarColor: Colors.transparent,
statusBarIconBrightness: Brightness.dark));
"""
https://stackoverflow.com/questions/5...
Questions relevant to the issue:
Why my status bar icons are black and why can't I change it?
How to Change Status Bar Color in Flutter?
Flutter - How to make Status Bar transparent and icon light/dark
How to change status bar icon and text color in flutter
How to change status bar icon and text color in flutter based on theme been set?
status bar doesn't change background color in flutter
Can't change the status bar Icon Brightness in flutter app?
Flutter not automatically changing the status bar icons to black
flutter status bar icon colors problem,
Icon's color in status bar (Flutter),
status Bar Color,
dart - How to change status bar color in Flutter,
Why my status bar icons are black and why can't I change it ...,Flutter 2: Color issues,
status bar icon color flutter automatically changing to black,
How to Change Status Bar Color in Flutter 2.0,status bar color not changing flutter,
flutter status bar color without app bar,
flutter status bar text color
Software I Used:
ScreenCopy: https://github.com/Genymobile/scrcpy
DeskPin: https://efotinis.neocities.org/deskpi...
PauseMe: https://github.com/peterbitfly/pause....
Browser: https://brave.com/download/
Operating System: https://www.microsoft.com/en-in/softw...
Hardware I Used:
Laptop: https://amzn.to/3dCBz8q
RAM: https://amzn.to/3yiZGkp
SSD: https://amzn.to/3hcmooE
Monitor: https://amzn.to/3yhdDiS
Phone: https://amzn.to/3hdCnTy
#flutter #flutterShip #android #ios