flutter – How to show hide status bar

main.dart

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

void main(){
  runApp(
      MaterialApp(
        home: Scaffold(
          appBar: AppBar(
            title: const Text("Flutter - Show Hide Status Bar"),
          ),
          body: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              ElevatedButton(
                  onPressed: ()=> {
                    SystemChrome.setEnabledSystemUIMode(
                        SystemUiMode.immersive
                    )
                  },
                  child: const Text("Hide")
              ),
              const SizedBox(width: 25),
              ElevatedButton(
                  onPressed: ()=> {
                    SystemChrome.setEnabledSystemUIMode(
                        SystemUiMode.manual,
                        overlays: SystemUiOverlay.values
                    )
                  },
                  child: const Text("Show")
              ),
            ],
          ),
        ),
      )
  );
}

More flutter tutorials

• flutter – How to change status bar color
• flutter – How to hide status bar
• flutter – Transparent status bar
• flutter – AppBar center title
• flutter – How to remove AppBar drop shadow
• flutter – How to change AppBar color
• flutter – MaterialApp theme
• flutter – Container padding and margin
• flutter – Container full width
• flutter – How to align Text
• flutter – How to change Text underline thickness
• flutter – Space between Text and underline
• flutter – How to add shadow to the Text
• flutter – How to add stroke to Text
• flutter – Text decoration