Flutter Custom Splash Screen Tutorial | Flutter Native Splash Screen Guide
Вставка
- Опубліковано 23 січ 2024
- 💼 Book a meeting: cutt.ly/Pegxp5rA
💎 Ultimate Flutter UI Kit: cutt.ly/3w6tqwFA
In this video, we will take a look at creating a custom splash screen for your Flutter application. The tutorial with showcase the fundamentals when it comes to creating native splash screens for Flutter apps. Furthermore, we will take a look at using the flutter_native_splash package to create our splash screen for Flutter. This guide will help you setup and navigate through the process of adding a fully functional splash page to your flutter application. This is an excellent guide for beginner Flutter developers, or anyone looking to learn about implementing splash screens in Flutter the proper way.
Resources:
Source Code: cutt.ly/UwLYSsxX
flutter_native_splash: pub.dev/packages/flutter_nati...
Socials:
Website: hussainmustafa.com
Github: github.com/hussain-mustafa990
LinkedIn: / hussain-mustafa-960920184
Twitter: / hussain34274892
Buy Me A Coffee: www.buymeacoffee.com/hussainm...
#flutter #fluttersplashscreen #fluttertutorialforbeginners #fluttertutorial - Наука та технологія
I appreciate the real-time coding examples and the troubleshooting tips you provided. Looking forward to implementing this in my projects!
You're very welcome!
The tutorial is well-paced, and I love the practical tips you included.
Glad it was helpful!
Incredibly helpful tutorial! Your explanations are crystal clear, and I appreciate the attention to detail in each step.
Glad you enjoyed it!
I really appreciate your tutorials man thanks a lot 🤗
You’re very welcome. Thanks for your support.
You are a life saver bro, thanks so much 🙏
You're welcome.
Thanks my friend, you helped me a lot.
You are welcome!
Nice presentation,keep going ❤
Thank you, I will
Thanks! This was helpful.
You're welcome!
@@m_hussain_mustafa I am getting black screen on iOS rather than splash screen. Android is working fine tho. Would you be able to help? Thanks in advance
thankyou so much🥰
You’re welcome 😊
❤❤❤ More complete projects plz! ❤❤❤
I’ll try to release more complete projects.
Subcribed🔥 Very helpful 🔥🔥🔥
You're welcome 😊
thanks a lot!
You're welcome 😊
Could you tell me how to get rid of the circle and display the entire photo?
Nice video! really helpful. Should I remove the package dependency after creating the required files?
Yes you can but since it is a dev dependency it is not included in the app build for production.
thank you 🌙
You're welcome 😊
hello , what is the splash screen image size to show in the same way in your app
please provide us more details about image size
how to solve the image cropped on android 12
is there specific dimensions to be applied ??
Thanks for this video and can you make a playlist of e commerce App with admin panel with firebase ❤❤
Hi,
I will try creating a video on this topic.
You cover essential topics very well. Thanks for this useful video. Are you thinking of making a video for in-app subscription? RevenueCat etc.
Have a nice day!
Hi,
I'd love to create a video on this topic, but it is much more complicated than what can be covered in one video.
can't set background_image to android(I'm using android 14). What I really want is to set a splash screen that have some text at bottom, an icon in the center and another text just below the icon. I think we can't add text to flutter_native_splash so I created an image and am trying to set it as background image. Please help me, somebody
Assalamoalaikum... i have used this package.. this is very good package. but I don't find any parameter what if I want to add static some text below our splash logo... which parameter I have to use... ............................ waiting...
Your videos are very helpful….Can you do videos on deployment in Play store and Apple Store?
Hi, Yes I'll try to create a video on this topic.
Really helpful. Thanks for sharing. Can you please show how to use animated splash screen using Lottie?
Thank you. I’ll try to create a video tutorial on that.
@@m_hussain_mustafa Great, I'm tuned!
bro i had a doubt if i have to choose which screen to show first based on values in shared prefrences e,g i have to choose between login screen and home screen how will i achieve that
That is not the purpose of a splash screen you'll have to most probably create some logic during the initialization of your app to check if user is logged in or not and then redirect them to appropriate page.
hey i tried this but my app is taking logo icon as splash by default though i have given path of the image calendar which i want as splash but its taking logo as splash and not my mentioned image..... can u have solution?
Hi,
I believe you have not done the configuration in the proper manner. Your app is just using the default splash screen as of now.
i see ur logo is square like mine..but they will become circular..how to avoid that?
You cannot avoid this on android as of now.
sir I am using webview inside listview. but the scrolling is not smooth. is there any way to optimize this? it is too laggy
Hi,
I wouldn't be able to help you with just this limited amount of information. If you require personalized help I'd recommend booking a meeting with me.
what if I want to replace the native splash screen with my Flutter screen which has custom design & auth implementation. So that my screen appears as splash screen insteads of native splash ??
I believe you can't completely remove a native splash screen due to underlying paltform limitations atleast that is what I know you'd have to do somekind of workaround. Like show the native splash screen first and then show your own splash screen page once Flutter launches the app and make it look exactly like the native splash and then maybe animate it from there into some other design. This is a hacky way. :)
can i increase the size of the image?
Yes you can specify in the configuration properties.
Pleeease can you make a video for how to make a splash screen with lottie
animation
Hi,
Although I already have a tutorial on Lottie animations on my channel, I will still try my best to create a video on this topic.
how can i give the size for the image
Hi,
There should be an option to specify the sizing for the image, I recommend taking a look at the documentation for the package.
Sir i am doing my final year project in application development but the problem is university will approve my idea when i will implement machine learning or Aritificial intelligence in my app. So how can i implement Ai or ML in my app plZ make a video
Hi,
I'll try my best to create a video on this. In the mean time I would recommend taking a look at running tflite models in Flutter.
@@m_hussain_mustafa okay💕
What if we don't want these native screen and remove it completely?
I don’t think you are able to completely remove these native screens.
Thanks alot. :)