Issue
Almost all the Q/A referred on Stackoverflow related to the same topic but didn’t get proper solutions.
Main Question: My app having the primary color blue and I want to set Statusbar Text Color white.
What I have tried:
-
Using SystemChrome: (Using the following code, It’s just changing the color of status bar text in the first screen only, other screens are having blue/black combination background/foreground.)
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle( statusBarColor: MaterialColor(0xFF084775, color), // status bar color statusBarBrightness: Brightness.light,//status bar brightness statusBarIconBrightness:Brightness.light , //status barIcon Brightness ));
Screenshots:
Splash Screen:
Dashboard Screen:
-
Using ThemeData : (This method gives the same result as the above screenshot).
theme: ThemeData( brightness: Brightness.light, // ADDED THIS LINE.. primarySwatch: MaterialColor(0xFF084775, color), accentColor: Color(0xffe46b10), unselectedWidgetColor: Colors.grey, fontFamily: 'SourceSansPro', ),
I have also checked github issue link but not worked for me.
I just need to change Statusbar Text Color to White. Any help?
Solution
To apply for all appBar use
return MaterialApp(
theme: ThemeData(
appBarTheme: Theme.of(context).appBarTheme.copyWith(brightness: Brightness.dark),
),
debugShowCheckedModeBanner: false,
// home: InvoiceList(),
home: widget());
I hope it will works.
Thank you.
Answered By – Kalp Shah
Answer Checked By – Terry (FlutterFixes Volunteer)