Latest Flutter Splash Screen Tutorial 2023 | Splash Screen Design UI

[@ryansumbele3552]

I recommend finishing this project tuotrial guys, i did just 90% of it and it was enough to get me a flutter developer job at an e-commerce company in my country.

[@CodingwithT]

Many many Congratulations 🥳 🙌 🎉🥳 I am glad it’s very helpful to you.

[@CodingwithT]

Can you please comment this on other videos or maybe in the first video ❤️

[@ryansumbele3552]

Okay sure.

[@MuhammadShahzad-f4h]

"This tutorial is incredibly helpful! The step-by-step explanations and clear demonstrations made it easy to understand and apply. Thank you for sharing your expertise -

[@CodingwithT]

Thank you so much dear 🤩

[@overbyte]

top man - thanks a lot dude

[@CodingwithT]

You're very welcome! If you have any more questions or need further assistance, don't hesitate to ask. Happy to help!

[@SKShahidAli-r1k]

Can you please say me how you have that device in android studio as it has only Pixel devices

[@taufeeqahmad3629]

can't wait to complete it ! Yesterday I bought the source code but I waiting for tutorials to complete it.

[@CodingwithT]

Thank you 😊. I'm trying to speed it up.

[@eliaszayoud7487]

Hello my friend thank you for this course. i can't download app starter ui kit can you h elp me?

[@CodingwithT]

You can download the source code from here: codingwitht.com/shop/

[@karansukhani6389]

flutter_native_splash is run successfully but when I am running it the same flutter logo pops up

[@CodingwithT]

Try removing flutter native and add again.

[@karansukhani6389]

I tried it but the same appears with the flutter logo ,It is not showing the image I added @@CodingwithT

[@SA-nx1pp]

facing same problem@@CodingwithT

[@IzzatH-pk4xx]

do you resolve this already? I just restart my devices and last resort, restart android studio

[@karansukhani6389]

@@IzzatH-pk4xx Yes it is resolved

[@hassanaly.1]

Any specific reason to use splash.yaml file instead of creating a file splash.dart and call it in the main.dart file for few seconds. i usually see this approach in other tutorials.

[@CodingwithT]

There is a default splash white screen when you run the app. This way we can replace that White screen with our splash. You can also implement the .dart file

[@hassanaly.1]

@@CodingwithT thanks for the reply.

[@Love4Tails]

What will be the cost of making an ecommerce app like blinkit

[@CodingwithT]

You can reach us at Whatsapp or email. www.codingwitht.com/contact-us

[@shahidwani6445]

Sir, what are the dimensions of images that u used for splash

[@CodingwithT]

Not sure but I guess it’s 150 x 150 and also add some space around logo

[@0_.tabbby._0]

sir you are going to teach us how to add the admin pannel with this tutorial right? 🤭😁

[@CodingwithT]

These are the app tutorials and after these one. I also have a course which i am uploading these days in which covering admin panel in detail. Link is in the description

[@0_.tabbby._0]

@@CodingwithT thank youuu

[@disneldel]

thank you

[@CodingwithT]

You're welcome.😊

[@monitapawar3088]

I cant find t store splash white image , can you sent link

[@CodingwithT]

It’s in the assets. Have you downloaded the starter kit?

[@AbdurahmanSherzad-n1e]

while i write the native_splash_screen command in the terminal it gives me an error can you help me fix it?

[@CodingwithT]

Please share the exact error message you're getting when you run the native_splash_screen command, and I'll help you troubleshoot it!

[@AbdurahmanSherzad-n1e]

@@CodingwithT thank u very much i fixed it, the issue was in the flutter installation.

[@Dewnam]

When I run it says error on line 41, column 5 of pubspec.yaml: a dependency may only have one source. How do I fix this?

[@CodingwithT]

It throws an error because of Indention. It is important to maintain Indention while adding a dependency in pubspec.yaml. If you didn't find the solution then I am here for your help.

[@shaiea_ali]

Where do I get the images and icons folder?

[@CodingwithT]

you can get icons and images from codingwitht.com/product/flutter-ecommerce-app-with-firebase/ by selecting App Project Starter kit in variation

[@haikal1680]

Error: unable to locate asset entry in pubspec.yaml: "assets/fonts/Poppins-Regular.ttf". Failed to compile application. how to fix this… when i removed font asset entry fir poppin light, it give me that

[@CodingwithT]

It seems like the error is indicating that the asset entry for the "Poppins-Regular.ttf" font is missing in your pubspec.yaml file. To fix this issue: Open your pubspec.yaml file. Ensure that you have the correct path to the "Poppins-Regular.ttf" font file listed under the "assets" section. It should look something like this: assets: - assets/fonts/Poppins-Regular.ttf Save the changes to your pubspec.yaml file. Run flutter pub get to ensure that Flutter fetches the font asset. After completing these steps, try running your application again. If you're still encountering issues, double-check the file path and ensure that the font file is located in the specified directory. Let me know if you need further assistance!

[@Dewnam]

Hey when I run it it says” error on line 41, column 5 of pubspec.yaml: a dependency may only have one source.

[@arjukumar1305]

where you have design your logo please share the link

[@CodingwithT]

You will get the logo with the assets from the App project starter kit codingwitht.com/product/flutter-ecommerce-app-with-firebase/

[@takundachamaona]

When i try to run the command its saying Could not find package "flutter_native_splash". Did you forget to add dependancy? .... please help😢

[@CodingwithT]

you first have to add package by typing "flutter pub add flutter_native_splash" in the terminal

[@takundachamaona]

@@CodingwithT thank you it helped

[@aouadicharaf1038]

❤❤❤

[@CodingwithT]

💕

[@ishuraa-b]

I'm getting this error - Your 'splash.yaml` appears to be empty or malformed.

[@ishuraa-b]

Resolved - Used this command on vscode - dart run flutter_native_splash:create --path=splash.yaml

[@CodingwithT]

Fantastic

[@reemadhainy]

when i run the app to see the splash screen i got an error in the dart analysis that says the name "MyApp" isn't a class in the location widget_test.dart , how can i sole it :(

[@kiminara3045]

did you find a solution? ,please I have the same issue.

[@CodingwithT]

Just delete the test file. Or you can give any class name to that you have created. This error is because the main.dart have only one class MyApp and you have removed it or changed the name of it.

[@powerfulspiritualbhajan]

hello brother, its not working in iOS emulator. its shows error as "CocoaPods not installed or not in valid state. Error launching application on iPhone 15 Pro Max."

[@CodingwithT]

It happens sometimes when your IDE is unable to find some path. Here is the expected solution: sudo gem uninstall cocoapods && sudo gem install cocoapods restart IDE or Editor The last step should solve the issue if not close the project entirely. Note: CocoaPods often take more then 5 to 10 minutes or some people reported an hour so sit related and enjoy the ☕

[@powerfulspiritualbhajan]

@@CodingwithT ok I will

[@sampletest-vi1zn]

Android 14 Not Proper Show Image In Center , Round Circle Inside Image , How To Remove Round Circle In Splash Screen ?

[@CodingwithT]

Make sure its not added in the image you are uploading

[@td8043]

When I’m running the command at 4:06 , first it showed run in the root directory. I did that , now it’s showing error in exception handling , there is no flutter_native_splash in pubsec.yaml even though there is

[@CodingwithT]

did you run this? "flutter pub add flutter_native_splash"

[@muhammadfaris1646]

Maybe u need to rename the splash file into flutter_native_splash.yaml I have same issue because im using vs code as my IDE. I try using this method and it works for me

[@td8043]

Issue resolved

[@fathimaifla9215]

Sir please help me my splash screen isn't working . I have 8gb ram laptop

[@CodingwithT]

Make sure you have proper indentation (spacing) in the splash file and everything is properly added

[@dhruvnarang2111]

can you provide me the same images of the splash Screen as you added?

[@CodingwithT]

you can get the assets for free from the App Project Starter kit from the link codingwitht.com/product/flutter-ecommerce-app-with-firebase/

[@gabriellevanessaa]

Im getting an unimplemteted error.

[@CodingwithT]

Please share more details

[@satishchouhan2809]

i need this type splash screen please tell me how to create this splash

[@CodingwithT]

I created this using Photoshop

[@Mani-iq6tn]

Sir could you please share the assets for this project

[@CodingwithT]

You can download the asset from codingwitht.com/product/flutter-ecommerce-app-with-firebase/ by selecting app project starter kit from the variations.

[@fabriciomedeiros987]

Hi, what's images sizes ?

[@CodingwithT]

you can get images from cwtstore.gumroad.com/l/Flutter-Project-Starter-Kit.

[@fabriciomedeiros987]

@@CodingwithT thank you!

[@figmaguru]

Without visual how I start learning this tutorial 😢😢

[@amshtraining]

I am from Yemen and when I open your website I faced this error 'Sorry, this item is not available in your location.'. Thanks for every things🌹

[@CodingwithT]

I didn't get your question. My website is not available there?

[@RTJ3DCosplay]

THE FLUTTER SPLASH METHOD HAS CHANGED !!!! the one mentioned in this video no longer works could you please make a new video showing how to do it now ???

[@CodingwithT]

The Flutter native splash method hasn't been changed. The method used in the video should still work. If you're facing issues, feel free to share the details, and I'll help you troubleshoot!

[@RTJ3DCosplay]

@@CodingwithT i have found it has changed slightly, you do still need the splash.yaml but MUST be called the flutter_native_splash.yaml , and the code flutter pub run ect. is now depreciated and the new code is just "dart run flutter_native_splash:create" everything else you say in this video is still correct but the method to actually create it has changed - that's how i got mine to work based on the info from pub dev / packages / flutter_native_splash , i am super new to this but not using the dart run method was causing the app not to open with the terminal reading " --path" is not recognised and the "method depreciated" - i don't know if this is a super new thing but NO ONE has a video on it ! - i appreciate the comment im going through these tutorials with great anticipation.

[@VitraKami]

For me this worked

[@naimatiqbal]

please share T logo for splash screen

[@CodingwithT]

You can get the assets and folder structure from codingwitht.com/product/flutter-ecommerce-app-with-firebase/ by selecting app project starter kit from the variations for free

[@figmaguru]

Please provide assets file or size of all assets like image,icons and illustration ☹️🤕

[@CodingwithT]

It's added in the description 🎉

[@erperejildo]

why is my image being cut?

[@CodingwithT]

Add spacing in your image

[@erperejildo]

@@CodingwithT how much?

[@alghanykennedy]

sir i have error, image is not showing. Please help

[@CodingwithT]

Please recheck your image size and check if its properly added. Also check indentation(spacing).

[@alghanykennedy]

@@CodingwithT what size i should use sir?

[@maazafridi2090]

2 spaces from the left side@@alghanykennedy

[@adamilham_]

Can I have the assets file pls?

[@CodingwithT]

Please download the free starter kit which has all the assets 😀

[@cisco3854]

If you try this for Android 12 && above you will have a huge headache because of the splash screen package.

[@CodingwithT]

I'm using Android 12 and it's working fine.

[@awisadestiny5459]

How did you resolve it because I'm currently facing similar issue, the image isn't showing

[@cisco3854]

@@awisadestiny5459 I have a final exams these days , and the solution of this issue is so freaken long and hard , so as soon as l finished I will send you a message, but the only way I know to solve it is from Android studio.

[@yoityoboy]

i'm having that problem, how did you fix it??

[@illumi98]

Im using android 12, pixel 8 emulator. And it runs just smooth

[@RaiwindConcreteProducts-dh7yf]

is the source files available for Money only ? please anser ?

[@CodingwithT]

You can download the starter kit for free and only the complete app is at a small amount

[@ghulammurtaza7959]

yar is course ki videos jaldi lao

[@CodingwithT]

Bro i don't have a team, i am working individually. I am trying my best to speed up the process. 😊

[@gante3313]

The image I want to add to my application does not fit into the box given to me. The box is too small, the image is 600,600px. I would be very happy if you help me how to edit (image) flutter_native_splash: ^2.3.7 flutter_native_splash: color: "#22092C" android: true ios: false fullscreen: true android_12: image: lib/assets/devv.png branding: lib/assets/yeni2.png

[@CodingwithT]

Just spacing around your image and upload it again.

[@gante3313]

@@CodingwithT Thank you very much, good luck bro