Flutter Native Splash Screen Detailed Setup Guide | 2024 Edition

[@miguel900030]

Well organized, short and concise, please keep making this type of videos. You earned a new subscriber.

[@gofullstack]

I've used this package since I started using Flutter in 2019 and it's just perfect

[@sajidaashaz5578]

this video is as perfect as the package, thank you for the wonderful tutorial

[@vfxdsn8898]

This guide is legit! The clearest and easiest guide ever!

[@barssemerci4377]

The explanation is very clear and simple.

[@flutter_craft]

Thank you!

[@philosopher8255]

Some suggestions 1. Complete Push Notification IOS and Android with all features including custom sounds actions etc. 2. In-App purchase complete consumable non-consumable subscription etc for android and ios

[@rafikhan1667]

Thank you so much for the detailed video. Really helpful ❤

[@aliwaseem5990]

super organized video, thank you. I hope to see the right way of handling sizes.

[@Zalkar-j6t]

Very clear tutorial! Could you tell me how to make an animated splash?

[@munibahmad2593]

thank you. 10/10 for the best explanation

[@flutter_craft]

You're welcome! Glad you found the video helpful.

[@syahidbaddry3009]

this is the best one so far

[@flutter_craft]

Thank you!

[@tahadarwesh]

Great work, Keep it up.

[@flutter_craft]

Thank you!

[@exeshka]

Очень понятный туториал! Не подскажите как сделать анимированный splash?

[@VirusZyrus]

Very grateful for your explanation

[@ahmedsiddiq5111]

Great work thank you so much ❤💪

[@theparten]

wow you made everything clear👍...

[@flutter_craft]

Thank you!

[@matias_san]

Awesome video! New sub

[@chiikawakr]

many thanks, so many helps studying flutter. i expect other useful videos :)

[@AbdelrahmanMohamedAmeen]

Very clear, Great work. It would be so exciting and helpful if you could make a full tutorial on building flutter project from A to Z for making any application such as E-commerce application

[@flutter_craft]

@AbdelrahmanMohamedAmeen, thank you for the suggestion. I'm planning to do some project-based tutorials in the near future. Since this is a new channel, the first few videos have been shorter ones!

[@morket]

excellent explanation, very clear and complete, cheers from chile, sorry for my english i speak spanish :P

[@flutter_craft]

Your English is great!

[@winko7900]

Thank you so much.

[@linkonidas]

muito bom seu tutorial, parabéns, faça de icone também por favor.

[@darkrai1026]

Hello sir, I have a question that keeps concerning me, so basically for Android ver 12 and above, you cant set the splash screen background with an image anymore, not even gradient but just plain color, am I right? If that's the case, are there any other methods or tweak around to set the background with an image?

[@Krutarth_Vaishnav_]

Your explanation is totally on point. I also want to practice, can you share the images you used in this video please?

[@flutter_craft]

Thank you! I've updated the video description with a link to a Google Drive folder containing the image assets. Also including here as well. drive.google.com/drive/folders/13btbMQWop8ZkxMEPKlTZFrfcyZ4J2_w_?usp=sharing

[@notpowder5831]

​@@flutter_craft subscribed

[@S4V3NGaming]

Great video

[@ahmedmokabel94]

Amazing

[@وليدمحمدعبدالقادرالسيد]

what about icon with animation

[@muhammedozdogan5133]

Why you didn't setup anything specific for prior to Android 12?

[@liwakalamate3846]

What tools did you use to create the logo,brand and background images

[@flutter_craft]

Canva

[@viveksorathiya-i4w]

thanks

[@Cagatay-gf8mp]

thanks a lot

[@sauravmehtaUnique]

Update: Gifs are now supported by the package.

[@reshmasuresh3625]

Hi, can I know the difference between between logo with and w/o background for android 12+

[@flutter_craft]

Hi, the logo background in Android 12+ is optional, but intended to create contrast between the icon and the window background.

[@cumakeskin5484]

Hello, thank you for the tutorial. But I have a question. How can I resize LaunchImage in LaunchScreen, because its too big for display my app logo

[@cholasimmons]

So the actual native way of implementing a splash screen allows for video, animations, dynamic data and interactivity?????

[@helloworld-dh4pk]

hello sirr.... please more video...😊

[@flutter_craft]

Just published a video on Shared Preferences. Hope you enjoy it!

[@alvaromady]

Nice

[@ray0010]

thank you fod this. subbed

[@flutter_craft]

Awesome, thank you!

[@samymohsen505]

Thank you for the video. I have a problem with the logo, I have an image that is 1768*2130 and I have resized it to many different dimensions like 640, 768, 512 and they all gave me the same ugly logo. I have made sure to run the command that will run the package

[@flutter_craft]

I’d recommend using logo dimensions covered in the video. To make it easy, in the video description, there’s a link to sample image assets that you can use.

[@sridhars5550]

Sir i have one doubt if i use logo directly in flutter native spalsh means there's no need to create logo for hdpi mdpi ldpi xhdpi xxxhdpi sizes ?

[@flutter_craft]

@sridhars5550, that's correct. flutter_native_splash will resize the logo into mdpi, hdpi, xhdpi, xxhdpi, and xxxhdpi sizes and place them into android/app/src/main/res. There's no need to create these manually.

[@sridhars5550]

@@flutter_craft thank you sir

[@aakashpoojary3968]

Anyone who can help me with setting up ios emulator in windows? Or sttstegies you guys use for ios testing. I am using design preview package for now.

[@lotictech]

nothing works for me ( black screen is showing without any logo just used simplest thing even only white background doest work for me, frustating

[@Ameerdala]

Dud just paste you code to chatgpt and tell him: Make me a splash screen

[@collinskrubu220]

You are missing the pubspec configuration and the create command

[@djedankharkryonia4223]

Thank you! But how can we make this work on Linux, Windows or MacOS ?

[@flutter_craft]

@djedankharkryonia4223, the flutter_native_splash package only supports Android, iOS and Web, unfortunately. For macOS, Windows and Linux desktop apps, I don't believe there's a package that simplifies the process. You'd need to create and manage screens using platform-specific code.

[@NoBodyknow172]

Can you please explain new themes in flutter 3.22.0

[@flutter_craft]

@NoBodyknow172, thank you! I'm planning to make a video on Flutter theming. There are a few videos ahead in the queue, but will make this shortly.

[@zibrilzgame]

I have just updated to this version of the package but now my background_image does not show, how to solve it? I try anything but still not working

[@مروانسمير-د6ذ]

Like mine

[@flutter_craft]

I can try to help. What version did you upgrade to? And what version you were upgrading from? If there’s an issue with the build process (eg caching) you can run ‘flutter clean’. Then run ‘flutter pub get’ and try rebuilding. I’d also try recreating the assets.

[@rickyamante4330]

not work in my android 14 huhu

[@merahelps]

I am trying step by step but not working for me :(

[@meraahmad9471]

Yes me too

[@manuthambi8184]

​​@@meraahmad9471 I tried chatgpt.... Made my way through with its help

[@sauravmehtaUnique]

@@manuthambi8184 Just tried and worked in one go :p.

[@takundachamaona]

My logo is small on the screen, how can I make it bigger

[@sauravmehtaUnique]

Save the logo in a bigger dimension.

[@takundachamaona]

@@sauravmehtaUnique please explain by that

[@almedinpasalic4997]

I have a problem with this package, do you have a contact so I can describe the problem to you?

[@مروانسمير-د6ذ]

My logo dont show why!

[@flutter_craft]

I can try to help, but would need more details. What specifically did you try? And what is happening?

[@atikurrahmanatik9863]

do not work sir

[@flutter_craft]

Perhaps you can share some specifics along with what you’ve tried to fix the issue.

[@esneiderbertel9813]

crack...