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?
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
@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!
Thank you! One problem I faced was that I didn't notice at first that you had the 'android_12:' settings under the 'flutter_native_splash:' settings. After fixing that, my splash screen succeeds on android 15 images, but on my android 12 emulator, I am only successfully getting the background color, but not the images. Any suggestions how to trouble-shoot?
IIRC, flutter_native_splash doesn't support images for the older versions of Android. Starting in Android 12, the splash screen was handled `android_12` splash screen configurations were handled differently. I think the pub.dev documentation mentions this, but I'm going off memory. Hope this helps!
@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.
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
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
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.
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
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.
@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.
Well organized, short and concise, please keep making this type of videos.
You earned a new subscriber.
This video is a treasure. Your explanation is perfect-nothing more, nothing less!
I've used this package since I started using Flutter in 2019 and it's just perfect
this video is as perfect as the package, thank you for the wonderful tutorial
What an excellent explanation!.
This guide is legit! The clearest and easiest guide ever!
4:48 logo dimensions android 11- 6:21 android dimensions 12+
The explanation is very clear and simple.
Thank you!
this is the best one so far
Thank you!
thank you. 10/10 for the best explanation
You're welcome! Glad you found the video helpful.
Thank you so much for the detailed video. Really helpful ❤
Excellent video, thank you!
super organized video, thank you. I hope to see the right way of handling sizes.
Great work, Keep it up.
Thank you!
yupppp this is the REAL ONE, not the fake splash screen that replace home screen
excellent explanation, very clear and complete, cheers from chile, sorry for my english i speak spanish :P
Your English is great!
many thanks, so many helps studying flutter. i expect other useful videos :)
wow you made everything clear👍...
Thank you!
Very genuine Buddy
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?
Very grateful for your explanation
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
@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!
Great work thank you so much ❤💪
Why you didn't setup anything specific for prior to Android 12?
Очень понятный туториал! Не подскажите как сделать анимированный splash?
Awesome video! New sub
Thank you! One problem I faced was that I didn't notice at first that you had the 'android_12:' settings under the 'flutter_native_splash:' settings. After fixing that, my splash screen succeeds on android 15 images, but on my android 12 emulator, I am only successfully getting the background color, but not the images. Any suggestions how to trouble-shoot?
IIRC, flutter_native_splash doesn't support images for the older versions of Android. Starting in Android 12, the splash screen was handled `android_12` splash screen configurations were handled differently. I think the pub.dev documentation mentions this, but I'm going off memory. Hope this helps!
@@flutter_craft thank you!
What tools did you use to create the logo,brand and background images
Canva
Hi, can I know the difference between between logo with and w/o background for android 12+
Hi, the logo background in Android 12+ is optional, but intended to create contrast between the icon and the window background.
Very clear tutorial! Could you tell me how to make an animated splash?
Thank you so much.
nothing works for me ( black screen is showing without any logo just used simplest thing even only white background doest work for me, frustating
Dud just paste you code to chatgpt and tell him:
Make me a splash screen
You are missing the pubspec configuration and the create command
@@collinskrubu220 still not working
I am trying step by step but not working for me :(
Yes me too
@@meraahmad9471
I tried chatgpt.... Made my way through with its help
@@manuthambi8184 Just tried and worked in one go :p.
me too.
The logo should contain the square and the circle ? or they are not visisble when we design it its just to addapt dimensions ?
Is the circle and the square visible ? or we use them just to adapt dimensions ??
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 ?
@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.
@@flutter_craft thank you sir
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
Your explanation is totally on point. I also want to practice, can you share the images you used in this video please?
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
@@flutter_craft subscribed
Great video
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
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
Like mine
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.
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
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.
Amazing
So the actual native way of implementing a splash screen allows for video, animations, dynamic data and interactivity?????
how can we show background image on android 12+?
Thank you! But how can we make this work on Linux, Windows or MacOS ?
@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.
what about icon with animation
hello sirr.... please more video...😊
Just published a video on Shared Preferences. Hope you enjoy it!
My logo is small on the screen, how can I make it bigger
Save the logo in a bigger dimension.
@@sauravmehtaUnique please explain by that
thanks a lot
muito bom seu tutorial, parabéns, faça de icone também por favor.
Nice
thanks
Can you please explain new themes in flutter 3.22.0
@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.
thank you fod this. subbed
Awesome, thank you!
not work in my android 14 huhu
nothing happens for me
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.
My logo dont show why!
I can try to help, but would need more details. What specifically did you try? And what is happening?
Update: Gifs are now supported by the package.
I have a problem with this package, do you have a contact so I can describe the problem to you?
do not work sir
Perhaps you can share some specifics along with what you’ve tried to fix the issue.
why is this such an issue
crack...