How to change status bar color in Flutter?

Update Flutter 2.0 (Recommended):

On latest Flutter version, you should use:

  systemOverlayStyle: SystemUiOverlayStyle(
    // Status bar color

    // Status bar brightness (optional)
    statusBarIconBrightness: Brightness.dark, // For Android (dark icons)
    statusBarBrightness: Brightness.light, // For iOS (dark icons)

Only Android (more flexibility):

import 'package:flutter/services.dart';

void main() {
    systemNavigationBarColor:, // navigation bar color
    statusBarColor:, // status bar color

Both iOS and Android:

appBar: AppBar(
  backgroundColor:, // Status bar color

A bit hacky but works on both iOS and Android:

  color:, // Status bar color
  child: SafeArea(
    left: false,
    right: false,
    bottom: false,
    child: Scaffold(
      appBar: AppBar(
        backgroundColor:, // App bar color

Leave a Comment