Uploaded July 2021 | Updated September 2026, 1 hour ago
This flutter tutorial, shows you how to create real flutter splash screens for Android, iOS and Web using the Flutter Native Splash Package. Splash screens also called launch screens are useful to improve the app's initial experience.
#Flutter #Splashscreen #flutter_native_splash
0:00 Intro
00:48 Package installation
01:24 Platform parameters
01:55 Splash Screen Background
03:41 Splash Screen Front Image
04:21 Image Position
05:07 Dark Mode
06:28 Hide Notification Bar
07:05 Rollback to Default
flutter_native_splash Package
https://pub.dev/packages/flutter_native_splash
Create Splash Screen in Flutter the Right Way (No Package required)
youtu.be/JVpFNfnuOZM
IOS - Human Interface Guidelines:
developer.apple.com/design/human-interface-guidelines/ios/visual-design/launch-screen
Image Size and Resolution:
developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/image-size-and-resolution
✅ Subscribe for more videos about Flutter:
youtube.com/channel/UCVS3CZCDwdDFZLFAlqyOwfA?sub_confirmation=1
➡️Have you seen my latest video:
youtu.be/5GHT4QtotE4
🛑Recommended Video Series You Should Check Out!
youtube.com/playlist?list=PLMQAFLQy-nKdLlR9TA5Sv52lAsp6cs6oX
youtube.com/playlist?list=PLMQAFLQy-nKfq73CG6fV0I936lawHg-DD
💕My Most Watched Videos:
youtube.com/watch?v=piOWD-z95x4&feature=youtu.be
This flutter tutorial, shows you how to create real flutter splash screens for Android, iOS and Web using the Flutter Native Splash Package. Splash screens also called launch screens are useful to improve the app's initial experience.
#Flutter #Splashscreen #flutter_native_splash
0:00 Intro
00:48 Package installation
01:24 Platform parameters
01:55 Splash Screen Background
03:41 Splash Screen Front Image
04:21 Image Position
05:07 Dark Mode
06:28 Hide Notification Bar
07:05 Rollback to Default
flutter_native_splash Package
https://pub.dev/packages/flutter_native_splash
Create Splash Screen in Flutter the Right Way (No Package required)
youtu.be/JVpFNfnuOZM
IOS - Human Interface Guidelines:
developer.apple.com/design/human-interface-guidelines/ios/visual-design/launch-screen
Image Size and Resolution:
developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/image-size-and-resolution
✅ Subscribe for more videos about Flutter:
youtube.com/channel/UCVS3CZCDwdDFZLFAlqyOwfA?sub_confirmation=1
➡️Have you seen my latest video:
youtu.be/5GHT4QtotE4
🛑Recommended Video Series You Should Check Out!
youtube.com/playlist?list=PLMQAFLQy-nKdLlR9TA5Sv52lAsp6cs6oX
youtube.com/playlist?list=PLMQAFLQy-nKfq73CG6fV0I936lawHg-DD
💕My Most Watched Videos:
youtube.com/watch?v=piOWD-z95x4&feature=youtu.be
