Change flutter status bar opacity

Does anyone know how to change the opacity of the flutter status bar, its already transparent but still has a dark shade to it , does anyone know how to remove that dark shade, thanks in advance

Comments (1)

Alycia Hashi's photo

You can use the AnnotatedRegion widget with SystemUiOverlayStyle to change the chrome styles. krogerfeedback

import 'package:flutter/services.dart';

class MyApp extends StatelessWidget {


Widget build(BuildContext context) {

return AnnotatedRegion<SystemUiOverlayStyle>(

  value: SystemUiOverlayStyle(

    statusBarColor: Colors.transparent,


  child: Scaffold(...),




This could solve your problem.