Make Flutter AppBar's Color Consistent

Question

The screenshot of my flutter app shows the appbar to be in two distinct shades of the same colors. There's a darker grey and then there's a lighter grey. I want it to be in a single color, i.e., completely light grey or completely dark grey.

MohitJadav · Accepted Answer · 2022-09-23 06:05:15Z

1

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
    systemNavigationBarColor: Colors.amber, // navigation bar color
    statusBarColor: Colors.white, // status bar color
    statusBarIconBrightness: Brightness.dark, // status bar icon color
    systemNavigationBarIconBrightness: Brightness.dark, // color of navigation controls
  ));
  runApp(MyApp());
}

This will help you to change color of status bar

answered Sep 23, 2022 at 6:05

MohitJadav

9545 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Make Flutter AppBar's Color Consistent

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related