Note: Whether the background color is transparent is effective is related to the Android version, and the setting is invalid if the version is too low
1. Set it inside
void main(){ runApp(new MyApp()); if () { //Set the navigation bar on Android header transparent SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle( statusBarColor: , //Global settings transparent statusBarIconBrightness: //light:Black icon dark:White icon //Set statusBarIconBrightness to global settings here ); (systemUiOverlayStyle); } }
2. Single page settings
appBar: AppBar( title: new Text(''), elevation: 0, brightness: , //Set as white font ),
Note: After setting the AppBar, setting this line of code in the build alone will be invalid ();
ps: Let's take a look at the Flutter status bar color and font color
Flutter Immersive Status Bar
void main() { runApp(MyApp()); if () { // The following two lines set the Android status bar to transparent immersion. After the component is rendered, it is to perform set assignment after rendering, overwrite the status bar, and before rendering, the MaterialApp component will overwrite this value. SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(statusBarColor: ); (systemUiOverlayStyle); } }
Flutter modify the font color of the status bar
Use AnnotatedRegion to wrap Scaffold, which can change the color of the status bar, including dark and light
@override Widget build(BuildContext context) { return AnnotatedRegion<SystemUiOverlayStyle>( value: , child: Material(child:Scaffold(),),); }
This is the article about Flutter transparent status bar and font color. For more related font color content in Flutter status bar, please search for my previous articles or continue browsing the related articles below. I hope everyone will support me in the future!