Search code examples
flutterflutter-layout

In flutter 2.5 In Android full screen lean back, sticky, sticky immersive, and edge to edge

How do I implement lean back, sticky, sticky immersive, and edge to edge in flutter 2.5 When Android is full screen ?

They are new features in flutter 2.5 :

enter image description here

Solution

  • You will need to call the method SystemChrome.setEnabledSystemUIMode(mode) and pass as a parameter the SystemUiMode value you want.

    SystemUiMode is an enum defined as follow in the flutter source:

    enum SystemUiMode {
  leanBack,
  immersive,
  immersiveSticky,
  edgeToEdge,
  manual,
}

    Code Sample

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

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge).then(
    (_) => runApp(MyApp()),
  );
}

    Documentation