US Office

1176 Shadeville Rd, Crawfordville Florida 32327, USA

 +1 (850) 780-1313

India Office

Office No 405, Kabir Shilp, Opp. Kansar Hotel, Opp. Landmark, Kudasan, Gandhinagar, Gujarat 382421

[email protected]

How to Hide StatusBar In Flutter?

How to Hide Andorid StatusBar In Flutter

How to Hide StatusBar In Flutter?

With the help of StatusBar, users can control the status bar color, style theme, visibility, and translucent properties across iOS and Android. With some added bonus for Android to control the Navigation Bar. So in this article, We will go through How to Hide StatusBar In Flutter?

How to Hide  StatusBar In Flutter?

To Hide StatusBar user can try the below things:

SystemChrome.setEnabledSystemUIOverlays([]) should do what you want. You can bring it back with SystemChrome.setEnabledSystemUIOverlays(SystemUiOverlay.values).

Import it using

import 'package:flutter/services.dart';
Hide StatusBar

To make it Transparant StatusBar

   statusBarColor: Colors.transparent,
Show StatusBar

For a Single Screen in a file

  void initState() {

  void dispose() {
        [, SystemUiOverlay.bottom]);

For All pages in main.dart:

void main() {
      debugShowCheckedModeBanner: false,
      theme: ThemeData(fontFamily: 'Poppins'),
      home: SplashScreen()));

Note: Here we need to import a package like the below:

import 'package:flutter/services.dart'

Sometime user needs to make a change like the below:

body: MyAppBody(),


body: SafeArea(child: MyAppBody()),


Thanks for being with us on a Flutter Journey.

Hope you like our article. Drop us your valuable suggestion/feedback for the same. is our portal Platform dedicated to Flutter Technology and Flutter Developers. The portal is full of cool resources from Flutter like Flutter Widget GuideFlutter ProjectsCode libs and etc. is one of the most popular online portal dedicated to Flutter Technology and daily thousands of unique visitors come to this portal to enhance their knowledge on Flutter.

Post a Comment