SystemUiMode.edgeToEdge should do-nothing on unsupported versions of Android #95234
Description
According to the documentation edgeToEdge it's available starting at SDK 29 or Android 10 and earlier versions of Android will not be affected by this setting.
But my Huawei P20 Lite running Android 9 is affected in a weird way by not showing the nav and status bar until you tap on the screen. They disappear again if you multitask away, as the video shows. In fact, it acts like a sort of immersive mode, instead of just showing the bars normally on top and below the app.
WhatsApp.Video.2021-12-13.at.8.41.02.PM.mp4
Steps to Reproduce
- Execute
flutter runon the code sample.
Expected results: The navigation and status bar should appear normally below and on top of the app since the Android version is lower than 10.
Actual results: The navigation and status bar only show up after tapping on the screen.
Code sample
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
void main() {
WidgetsFlutterBinding.ensureInitialized();
SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge);
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text("EdgeToEdgeDemo")),
floatingActionButton: FloatingActionButton(onPressed: null,),
),
);
}
}
Logs
[✓] Flutter (Channel stable, 2.8.0, on macOS 12.0.1 21A559 darwin-arm, locale en-MX)
• Flutter version 2.8.0 at /Users/rodxander/Library/Flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision cf44000065 (5 days ago), 2021-12-08 14:06:50 -0800
• Engine revision 40a99c5951
• Dart version 2.15.0
[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
• Android SDK at /Users/rodxander/Library/Android/sdk
• Platform android-31, build-tools 31.0.0
• Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7249189)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 13.1)
• Xcode at /Applications/Xcode.app/Contents/Developer
• CocoaPods version 1.11.2
[✗] Chrome - develop for the web (Cannot find Chrome executable at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome)
! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[✓] Android Studio (version 2020.3)
• Android Studio at /Applications/Android Studio.app/Contents
• Flutter plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7249189)
[✓] Connected device (3 available)
• ANE LX3 (mobile) • 6NU7N18401026651 • android-arm64 • Android 9 (API 28)
• sdk gphone64 arm64 (mobile) • emulator-5554 • android-arm64 • Android 12 (API 31) (emulator)
• iPhone 13 (mobile) • 3780AD81-72FA-4328-9D91-44851A55D1ED • ios • com.apple.CoreSimulator.SimRuntime.iOS-15-0 (simulator)