## Pre-launch Checklist - [x] I read the [Flutter Style Guide] _recently_, and have followed its advice. - [x] I signed the [CLA]. - [x] I read the [Contributors Guide]. - [x] I updated/added relevant documentation (doc comments with `///`). - [ ] All existing and new tests are passing. --------- Co-authored-by: David Iglesias <ditman@gmail.com> Co-authored-by: Mark Thompson <2554588+MarkTechson@users.noreply.github.com> Co-authored-by: John Ryan <ryjohn@google.com>
Splash Screen Sample
A Flutter app that exemplifies how to implement an animated splash screen for Android devices running at least Android 12, the version that supplies the new SplashScreen API.
NOTE: There is a pub package available to implement static splash screens in your Flutter app: flutter_native_splash.
Goals
- Demonstrate the compatibility of animated splash screens and Flutter apps running on Android
- Demonstrate the smoothness achievable by a splash screen as a transition to the Flutter UI
The important bits
Remove deprecated code
When creating a Flutter app, the Android code generated may include the deprecated implementation of a splash screen. This includes a definition of io.flutter.embedding.android.SplashScreenDrawable in the /android/app/src/main/AndroidManifest.xml file and an implementation of provideSplashScreen() in the /android/app/src/main/kotlin/MainActivity.kt file. Make sure to remove this code.
NOTE: This should no longer be a concern as of Flutter 2.5.
Modify Android build files
In order to support the Android 12 SplashScreen API, you need to:
- Update the Android
compileSdkVersionto 31 in the/android/app/build.gradlefile, and - Update the
ext.kotlin_versionto the latest Kotlin extension version (1.5.31 at the time of publication) in the/android/build.gradlefile.
Timing the splash screen animation
In order to ensure a smooth transition between the animated splash screen and the Flutter UI displaying for the first time, be sure to handle both the case where the Flutter UI is ready to be displayed before the animation finishes and vice versa. This can be done by overriding onFlutterUiDisplayed() and onFlutterUiNoLongerDisplayed() in /android/app/src/main/kotlin/com/example/splash-screen-sample/MainActivity.kt, the implementation of FlutterActivity in this project.
Questions/Issues
If you have a general question about splash screens or their implementation in Flutter, the best places to go are:
If you run into an issue with the sample itself, please file an issue in the main Flutter repo.