androidflutter

How to change android nav bar color in edge-to-edge mode in Flutter?


I'm trying to edit the android navbar to match the color of my flutter app. When you open the app in edge-to-edge mode, the bar has a darkened background (image 1), but I would like to remove it completely like in the Google Play or Gmail app (image 2). How can I do that?

First screen from my Flutter app with navbar background Second screen from Google Play without navbar background


Solution

  •  SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
        systemNavigationBarColor: Colors.blue, 
      ));
    

    instead of Blue, you can enter your required color and add this code in main()