flutter – Transparent 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 - Transparent Status Bar"),
            systemOverlayStyle: const SystemUiOverlayStyle(
                statusBarColor: Colors.transparent
            ),
          ),
        ),
      )
  );
}

More flutter tutorials

• flutter – How to change status bar color
• flutter – How to hide status bar
• flutter – How to show hide 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