I have added the flutter_native_splash
package inside my depoendancies and have added this native_splash code in my pubspec.yaml file
flutter_native_splash: ^2.4.0
flutter_native_splash:
color: "#FFFFFF"
image: assets/images/Logo.png
android_12:
color: "#FFFFFF"
image: assets/images/Logo.png
android: true
ios: true
web: false
and the results when creating is also showing no errors
Building package executable... (6.0s)
Built flutter_native_splash:create.
[Android] Creating default splash images
[Android] Deleting android12splash.png
[Android] Deleting android12splash.png
[Android] Deleting android12splash.png
[Android] Deleting android12splash.png
[Android] Deleting android12splash.png
[Android] Deleting android12splash.png
[Android] Deleting android12splash.png
[Android] Deleting android12splash.png
[Android] Deleting android12splash.png
[Android] Deleting android12splash.png
[Android] Updating launch background(s) with splash image path...
[Android] - android/app/src/main/res/drawable/launch_background.xml
[Android] - android/app/src/main/res/drawable-night/launch_background.xml
[Android] - android/app/src/main/res/drawable-v21/launch_background.xml
[Android] - android/app/src/main/res/drawable-night-v21/launch_background.xml
[Android] Updating styles...
[Android] - android/app/src/main/res/values-v31/styles.xml
[Android] - android/app/src/main/res/values-night-v31/styles.xml
[Android] - android/app/src/main/res/values/styles.xml
[Android] - android/app/src/main/res/values-night/styles.xml
[iOS] Creating images
[iOS] Updating ios/Runner/Info.plist for status bar hidden/visible
✅ Native splash complete.
Now go finish building something awesome! 💪 You rock! 🤘🤩
Like the package? Please give it a 👍 here: https://pub.dev/packages/flutter_native_splash
despite showing no errors, my native splash screen is still the default flutter splash as seen below
2
Answers
To resolve the default splash screen issue in Android 12, you can replace it with a transparent screen by modifying your styles.xml file. Here are the steps:
Go to
androidappsrcmainresvaluesstyles.xml
and edit the file as follows:Adding the line
<item name="android:windowIsTranslucent">true</item>
will make the splash screen transparent, resolving the issue with the default splash screen in Android 12.Follow this blog post for configuring native Splash on your Flutter app
https://medium.com/@md-hadi/elevating-your-android-app-with-a-custom-splash-screen-in-flutter-a9f73d04daa2