Onboarding Screen - Complete E-Commerce App Flutter UI - Ep 1 - Speed Code

This is the first part of our complete e-commerce app, where I will share with you how you can create a nice clean onboarding screen for your e-commerce app that can run both Andriod and iOS devices because it builds with #flutter.
►Starting Code: bit.ly/30zJ8qf
►Source Code: bit.ly/3fz7xk5
►For the 3D intro, I'm using Rotato: bit.ly/3heGagj
►Support Us: / theflutterway
► Social Media
GitHub: github.com/abuanwar072
Twitter: / theflutterway
Twitter: / abuanwar072 (my personal profile)
Facebook: / theflutterway
► Timestamps
0:00 Intro
0:11 Complete App Intro
1:04 Project Setup
3:30 Splash Screen
7:50 Dot Indicator
9:42 Bottom Button
Thanks for watching!
Make sure to like + Subscribe For More!

[@Dirtyowl95]

I wanted to get my first impressions of flutter and you are giving me such a great example how powerful flutter is! Keep up the great work and thank you very much!

[@TheFlutterWay]

I'm so glad!

[@realconect]

Thanks for all the effort you put into this. I'm learning a lot by watching your videos. Excellent job!

[@TheFlutterWay]

My pleasure!

[@ArturoHerrera89]

Done this part, next weekend I'll continue with the second one, thanks for sharing.

[@siddhantsharma1715]

don't need my opinion your work is shouting itself how amazing you are

[@paulcoronel]

Este canal con los proyectos y videos que hace, te levanta el ánimo.

[@ThirunavukarasuC]

Awesome start.
Waiting for next and full episodes.

[@jinuem]

This is the best flutter channel out there’ ! Hands down 🙌🏻

[@TheFlutterWay]

Thanks it means a lot❤️

[@rifathfarook8432]

One of the best channel I had about flutter development♥️

[@aavishsingh1156]

I am sure, it's because of people like you, one day Flutter will become the de facto standard for creating beautiful hybrid mobile apps.

[@tnghieu]

The way you made that progress bar was so sophisticated and simple!

[@TheFlutterWay]

Thank you

[@FouadBallan]

thats some monumental work here buddy . thank you

[@sohaibrahman6240]

Thank you so much for guiding us! You truly are a genius!

[@TheFlutterWay]

Happy to help!

[@darthpc4922]

The Flutter Way is going places keep up the good work

[@TheFlutterWay]

Sure, just keep supporting us 👍

[@ferhataksoy1851]

it is amazing please keep continue doing more complicated apps

[@TheFlutterWay]

Great suggestion 👍

[@laizerwoolf]

Impressive content, and from local developers nonetheless! Keep up the great work, I'll be watching and suppprting all your videos!

[@TheFlutterWay]

Thank you so much!

[@MOULIEC109]

This @flutter way will go to high position.. U have a bright future... Really awesome and stylish projects u have...
Every each project is unique

[@TheFlutterWay]

Thank you so much, it means a lot

[@xavierong668]

Thanks for showing all the best practices. Many channel seem to have neglected that. Good luck with your channel :D

[@TheFlutterWay]

Thank you very much!

[@xavierong668]

@@TheFlutterWay Another question. Why do you use the method getFontByScreenPixel. Not looking at the video right now so might be the wrong method. AFAIK flutter draws the text directly to the screen so the view should be the same regardless on which screen size right?

[@jamesdean3787]

Thank you for making this for us!! I learn a lot!

[@TheFlutterWay]

Glad it was helpful!

[@jwadjavapro68]

The Flutter Way .. Thank you for ever 🌹

[@sravansukhavasi8307]

I will learn flutter because of this channel!! ❤️👌

[@TheFlutterWay]

Happy to hear that!

[@khanhluong715]

me too!

[@shankardas2378]

@the flutter way
In my case time: 6:57
itemBuilder: (context, index) => SplashContent(
text: splashData[index]["text"].toString(),
image: splashData[index]["image"].toString()),
I had to add .toString();
I think this is because it was uploaded 3 years ago.
Your video tutorial is fantastic, I appreciate it :) Happy coding :)

[@ikhlasB13]

Thank you sooooo much i couldn't fix this error by myself 😊

[@haiminhduong]

you guys are rock, keep going with your best, love ya

[@TheFlutterWay]

Thank you so much, will do!

[@ensnmz]

Awesome lessons and sources for beginners. Keep it up!

[@TheFlutterWay]

Thanks, will do!

[@zedplusmedia2695]

Masha allah...
Amazing design

[@tommyeagen3763]

can't wait for the next episode

[@anhnt38]

Awesome as always. Cant thank you enough :)

[@TheFlutterWay]

Thanks again!

[@McAlvaro]

Gracias a tus videos voy aprendiendo muchísimo 👌

[@abrahamwoldetsadik3672]

❤️Learned a lot of good tips and practices from this short video.

[@TheFlutterWay]

So glad!

[@ttvideo8104]

ty my friend, please keep going on :) u are amazing

[@TheFlutterWay]

Thank you, I will

[@VitorLucasOFICIAL]

Woooooow beautiful, thank you!!

[@TheFlutterWay]

Our pleasure!

[@all_things_rust]

This is so so amazing.

[@nguyenthu-mb5oi]

wow!! this is amazing! good job man

[@TheFlutterWay]

Thank you! Cheers!

[@yazidsefsaf7063]

excellent job !! thanks

[@Pedro5antos_]

Simply, thank you for the effort!

[@TheFlutterWay]

You're welcome!

[@user-zk1wu7kl6c]

excellent video!

[@punithaarockiaraj3411]

bro ...neenga vera level...bro

[@halilmertdeveli3846]

thank you men , this is so greatfull

[@dumasdenis957]

Beautiful, thank you!

[@TheFlutterWay]

Glad to hear that 😀

[@karikarijoseph2062]

WooooW..........I just completed this episode, please when is the next episode come.....thanks by the way.

Like a poem :) You are amazing dude :)

[@TheFlutterWay]

Thank you so much 😀

[@5markv531]

Thank you very much.
Your video is very helpful!!!

[@TheFlutterWay]

Glad to hear that!

[@suleimanhaddad8254]

you are extremely genius and fashioned

[@TheFlutterWay]

Thanks 🙏, it means a lot

[@raymondmichael4987]

That background sound track is very powerful, please share it's name if possible; It make me more motivated
You guys are doing such a wonderful work, keep it up

[@codingwithMoebon]

thanks so much it works for me
thank you so much
very much
you are my hero

[@caioguge6307]

Great content, carry on :)

[@talamah]

Thannnnnnnnnnnnnnks a lot for using Provider YOU are the best

[@mrjeetmumbaikar8731]

i love this channel.

[@mnasad]

ALL THE BEST TO YOU.

[@TheFlutterWay]

Thank you.

[@TechWithDnes]

Congratulations for 100K+ subscribers...

[@azureexplorerpro]

What a legend! Thanks! 💪💪💪🎉🎉🎉

[@TheFlutterWay]

You're welcome!

[@linhhaongonguyen8950]

Thanks for video ❤️

[@zipdutrt9877]

Great work, think about the backend

[@waqasahmad1039]

Your tutorials are very awesome

[@rijalpadam5148]

Wow! Amazing 😍

[@TheFlutterWay]

Thank you! 😊

[@abdillahsyafiq]

man, you're the best

[@value8035]

Nice Work, Thank you!

[@TheFlutterWay]

Our pleasure!

[@alexandruserban3555]

dude you are amazing

[@redietzewdu5349]

Thank you very much!!!! Great Job!!

[@TheFlutterWay]

Glad you liked it!

[@JoaoVictor-gs2yp]

This chanel is fantastic!!!

[@TheFlutterWay]

Thanks it means a lot.

[@DuyTran-ss4lu]

Awesome!

[@cyblogerzinc-official2985]

Bro, this channel is lit!!❤🔥🔥🔥

[@TheFlutterWay]

Thanks 🔥

[@__sagar_shah__591]

LOVELY!!!!!!!

[@toanvuong4401]

wow perfect UI. I Like this

[@TheFlutterWay]

Glad you like it 😊

[@bashiruibrahim8443]

Wow I have nothing to say other than thank you Sir

[@TheFlutterWay]

Most welcome

[@urduhiphop3966]

It helped me a lot to build a complete mobile application UI with each function we look for in E-Commerce Platform
can you tell us more about connecting it with firebase and make it dynamic for deploying on store?
It would be so helpful for me !
Thank You So Much :)

[@alman1859]

Luar biasa.. desain yang cantik

[@fluttercunganhcongnhan8983]

My pro !🤩

[@ritheshjarvis4177]

Thanks. You are the man

[@TheFlutterWay]

Glad to help

[@DuyTran-ss4lu]

Your channel make me eager to learn Flutter

[@TheFlutterWay]

Glad to know!

[@nyke1982]

Thank you for making this for us!. Very helpful video and I love the music. Where can I get it from? :)

[@hatimus]

I can't imagine someone hit the dislike button! Your channel is amazing and it has informative content.
Can you please add a video on how to add an animated icon to the splash-screen?
Also, deeper, more complex apps will be a great addition to your app. I would love to see how to use databases with Flutter? These are the suggestion I have right now.
Again, it's a great channel and please keep doing the good work.

[@TheFlutterWay]

Great suggestion! I will try to add those as soon as possible.

[@hatimus]

What color theme do you use for your VS Code?
I will appreciate sharing it with us.

[@AlexM-me4vz]

Great job bro

[@TheFlutterWay]

Thank you so much 😀

[@ShahnawazSayyad]

Great Job..

[@pimpakarnwannasirikun8823]

Thank you so much !

[@TheFlutterWay]

You're welcome!

[@ammarelhamdo_offical]

You are awesome, thank you

[@TheFlutterWay]

Happy to help!

[@diegobernal334]

Like x1000👍 muy buen video

[@arnabkumarsaha3104]

I always like the video first, then I start watching your videos. Will you please guide us for admin panel webapp for these mobile apps in near future?

[@vircheous]

I'd like to make a video like that with any backend like Laravel, Node or even Swift.
I am not a CZcamsr but I can definitely help if anyone if interested.
Drop a comment and lemme know. Depending on the number of people interested, i will make the tutorials.

[@rihamraed9592]

Thanks for the amazing content! May i ask what program you used to show off the app intro?

[@detodopn4221]

nice! I like it.

[@TheFlutterWay]

Glad you like it 😊

[@makakura055]

Amazing work

[@TheFlutterWay]

Thanks 😄

[@makakura055]

​@@TheFlutterWay Is this a bot? :P

[@veronikafitri35]

Thank you very much

[@TheFlutterWay]

You are welcome

[@adesuhada5418]

amazing

[@TheFlutterWay]

Thanks 😄

[@matheusmaske7791]

Perfect

[@Mohammad-qg3pj]

Thank you so much

[@TheFlutterWay]

You're most welcome

[@blumedia_marketing]

Nice! Just want to show your page some love and support! 😀

[@TheFlutterWay]

Much appreciated!

[@tedu.official]

great video

[@TheFlutterWay]

Glad you enjoyed it

[@walidbouz8560]

you are a saver thank you

[@TheFlutterWay]

You are most welcome

[@knightr1der]

thanks man

[@TheFlutterWay]

Happy to help

[@marcosaurelioborges9363]

Incredible interface!
How many videos will you finish this application on?

[@talamah]

very nice

[@TheFlutterWay]

Thanks

[@mario33067]

Amazing. Thks a lot!!

[@TheFlutterWay]

Glad you liked it!

[@UdayGhulaxe]

Your code and video editing is on point. Which software you use for video editing.

[@MOULIEC109]

Eagerly Waiting for a tutorial of notifications from api...

[@TheFlutterWay]

I will try my best

[@hoangtinh4322]

i like

[@laraibanwar1618]

Thnx bro for putting the code on github

[@TheFlutterWay]

It's my pleasure

[@vaasugarg4222]

Sir I want to learn from you I am completely amazed by your designs I have seen many of your videos and even subscribed the channel sir please tell if you teach anywhere online.

[@TheFlutterWay]

Thank you so much 🥰, right now I'm just building CZcams videos maybe in near future i will make a course for you guys.

[@devgabriel6898]

A M A Z I N G

[@mongezibuthelezi3926]

Thank you so much for this tutorial series. Can I use this for a existing project? How do I connect it to Firebase?

[@MauriceKuria]

love the example.....how do you create the illustrations images ?? And the music link ....love it

[@Francis-zk3io]

Thanks man. I always learn a lot with you. Can you explain why is it best practice to import default button the way you did it please?

[@TheFlutterWay]

Actually DefaultButton is created by me, this contains button design that used all over the app, that's why I called It default button. Maybe you can call it what you want it totally depends on you.