Change flutter status bar opacity

388 views
Skip to first unread message

Macphail Magwira

unread,
Jun 11, 2020, 5:08:49 PM6/11/20
to Flutter Development (flutter-dev)

Souvik Dutta

unread,
Jun 11, 2020, 9:09:38 PM6/11/20
to Macphail Magwira, Flutter Development (flutter-dev)

On Fri, 12 Jun, 2020, 2:38 am Macphail Magwira, <macphail...@gmail.com> wrote:
--
You received this message because you are subscribed to the Google Groups "Flutter Development (flutter-dev)" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/flutter-dev/e99aae58-e2a3-4b7f-b079-0024c1776ff3o%40googlegroups.com.

Macphail Magwira

unread,
Jun 13, 2020, 9:30:04 AM6/13/20
to Flutter Development (flutter-dev)

Hey I tried the code below and ran the app, the status bar is Transparent but I wanted to remove the dark shade, it's transparent but there is still a dark shade, how do I remove that?


@override
Widget build(BuildContext context) {
return MaterialApp(
home: AnnotatedRegion<SystemUiOverlayStyle>(
value: SystemUiOverlayStyle(
statusBarColor: Colors.transparent, // transparent status bar
systemNavigationBarColor: Colors.black, // navigation bar color
statusBarIconBrightness: Brightness.dark, // status bar icons' color
systemNavigationBarIconBrightness: Brightness.dark, //navigation bar icons' color
),
child: Scaffold(
body: _getBody(context),
),
),
);
}

Reply all
Reply to author
Forward
0 new messages