Flutter – How to set status bar color when AppBar not present

by

First, import services package:

import 'package:flutter/services.dart';

Next, simply put this in the build function of your App:

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
  statusBarColor: Colors.blue, //or set color with: Color(0xFF0000FF)
));

Additionally, you can set useful properties like: statusBarIconBrightness, systemNavigationBarColor or systemNavigationBarDividerColor

If you prefer a more flutter/widget way of doing the same thing, consider using the AnnotatedRegion<SystemUiOverlayStyle> widget.

The value: property can be set to a SystemUiOverlayStyle() object containing the same properties as shown above.

For more infos, head over to the API Docs

More Related Contents:

  1. Flutter: Run method on Widget build complete
  2. Flutter: RenderBox was not laid out
  3. How to use Google API in flutter?
  4. What are Keys in the Stateless widgets class?
  5. Flutter/Dart how to groupBy list of maps
  6. Flutter- wrapping text [duplicate]
  7. How do I pass non-string data to a named route in Flutter?
  8. Flutter – Collapsing ExpansionTile after choosing an item
  9. ListView does not refresh whereas attached list does (Flutter)
  10. flutter ListView scroll to index not available
  11. What does the empty parentheses after the onPressed property mean in Dart?
  12. Textfield validation in Flutter
  13. how to place a listview inside a SingleChildScrollView but prevent them from scrolling separately?
  14. How to make an AlertDialog in Flutter?
  15. How to Move bottomsheet along with keyboard which has textfield(autofocused is true)?
  16. Error thrown on navigator pop until : “!_debugLocked’: is not true.”
  17. How to clear Flutter’s Build cache?
  18. Flutter: Ignore touch events on a Widget
  19. Custom AppBar Flutter
  20. Emit the data to parent Widget in Flutter
  21. How to check if Flutter Text widget was overflowed
  22. Flutter Test MissingPluginException
  23. Flutter: How to get upload / download progress for http requests
  24. Flutter: Setting the height of the AppBar
  25. How to make a full screen dialog in flutter?
  26. How to listen for document changes in Cloud Firestore using Flutter?
  27. Flutter: Is it somehow possible to create App Widgets (Android) and Today Extensions (iOS)? [duplicate]
  28. How can I simulate a tap event on a Flutter widget?
  29. How do you get the document id after adding document in Cloud Firestore in Dart
  30. how to add or remove item to the the existing array in firestore ?

Leave a Comment