Flutter E-commerce App & Shop Design | Speed Code

Create a Flutter E-commerce App with a cool UI Design for Shops and Clothes.
👉 12 Week Flutter Training | heyflutter.com
👉 Flutter Masterclass Courses | heyflutter.com/masterclass
Timestamps:
00:00 Introduction
00:24 Starter Project Files Showcase
00:52 Setting up main.dart file
01:40 IntroScreen - Creating Image Transition
07:18 IntroScreen - Detail Section
12:50 HomeScreen - Setup and Bottom Nav Bar
16:19 HomeScreen - Product Display Screen
27:43 Category Listing Design

[@HeyFlutter]

This might help you :)
12 Week Flutter Training from Newbie to Expert: heyflutter.com
Source Code: drive.google.com/file/d/1zKnj7Lz7eu_91PgxS3DklL6VbH-hk1Hw/view?usp=sharing

[@hyphenvlog1328]

thanks you so much

[@ThirunavukarasuC]

Very nice... especially, the intro screen scrolling effect is awesome.
Keep posting the new videos.

[@HeyFlutter]

Glad to hear that, Thank you Thirunavukarasu C! 😊

[@SaifMukadam]

Speed code tutorials are awesome❤

[@HeyFlutter]

Thanks, @SaifMukadam! 🙂

[@noelgomile3675]

Excellent work, I've learnt so much 👏

[@HeyFlutter]

Thank you, Noel Gomile! 🙂

[@arnaudlelong2342]

Bravo, absolutely superb bro!😎

[@HeyFlutter]

Glad to hear that, Thank you Arnaud Lelong! 😊

[@user-bh9oj6vq2v]

I like heyflutter .. the new name and the new style 😎

[@HeyFlutter]

Glad to hear that, Thank you معني الأمان! 😊

[@danasugu1767]

Awesome!

[@HeyFlutter]

Thank you, Dana Sugu! 🙂

[@BS-hj9pj]

This app looks *very nice.*

[@HeyFlutter]

Glad to hear that, Thank you BS! 😊

[@ougi123]

Thank man! great video!
can you explain why in 7:16 in init state you have two calls to autoScroll()? one from the addPostFrameCallBack and one form your if statment.

[@HeyFlutter]

Thank you, Netanel! 🙂. Remove one and then test it you will find the difference.

[@speakup8721]

Awesome. Awsome

[@HeyFlutter]

Thank you, Speak up! 🙂

[@hyphenvlog1328]

look UI beatifull, love it. I want ask you a question, when you rotate you mobile horizontal then UI can is bad?

[@HeyFlutter]

Thank You Flutter - Mobile! Follow this link: betterprogramming.pub/responsive-layout-in-flutter-4b510cedfd5a
I hope you will get your answer 🙂

[@dev.faizan]

impressive

[@HeyFlutter]

Thank you, Faizan Ahmad! 🙂

[@parth1240]

u have a full app?

[@narikodanhridul3717]

how to make sure the most recently typing charectors are visible the textfield in flutter.
i wanted to use make the text to be visible on right side, so I used align to right. now when, overflowing of text happens, text hides to right side of the textfield.
I want the text to hide to the left side of the textfield

[@HeyFlutter]

Thank You NARIKODAN HRIDUL! Follow this link: stackoverflow.com/questions/44579918/flutter-wrap-text-on-overflow-like-insert-ellipsis-or-fade
I hope you will get your answer 🙂

[@OFFICIAL_FBI]

Can you actually buy and pay for products using the app or does it just display the products?

[@HeyFlutter]

Hey, @OFFICIAL_FBI 🙂 This tutorial focuses on UI only

[@ghulammurtaza7959]

That's great can you please share dirrble/Figma link?

[@HeyFlutter]

Thank you, Ghulam Murtaza! 🙂. There is no such links.

[@saqhus8342]

woah😃

[@HeyFlutter]

Thank you, SAQ hus! 🙂

[@jankilic5262]

Amazing video!!!! But bro pls by god pls what is the name of that BEAT ???!!?!?!?!? could you tell me?

[@HeyFlutter]

Thank you, Jan Kilic. I forgot the name 🙂.

[@josenetosunga958]

Awesome. Sorry, what about the training, is free?

[@HeyFlutter]

Thank You José Neto Sunga. You can apply on heyflutter.com and then we see individually if this 12 weeks Flutter training is for you.

[@josenetosunga958]

@@HeyFlutter Thanks. I have already applied

[@mrtherapy309]

beautiful work bro. can I please have the source code?

[@HeyFlutter]

Thank You @mrtherapy309!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware

[@thegoldengamer7612]

Can you pleas make a video about Firebase AppCheck

[@HeyFlutter]

Thanks for the idea, The Golden Gamer! 🙂 I have added it to my list of ideas for future videos!

[@YvoneKoge]

How to display on the iPad

[@HeyFlutter]

Thank You Yvone Koge! Follow this link: medium.com/flutter-community/tagged/responsive-design
I hope you will get your answer 🙂

[@rezamehdikhanloo6856]

Hi bro, can i ask what's your channel RPM?!

[@HeyFlutter]

Thank you, Reza Mehdikhanloo! 🙂

[@rezamehdikhanloo6856]

@@HeyFlutter bro i asked your youtube channel RPM, can you please tell me what's that?!

[@walidkhan5337]

hello sir kindly work on student attendence app plz

[@HeyFlutter]

Thanks for the idea, walid khan! 🙂 I have added it to my list of ideas for future videos!

[@walidkhan5337]

@@HeyFlutter thank you sir g you are my inspiration thank you so much

[@MohanRaj-cp9lg]

How to save file in ios

[@HeyFlutter]

Thank You Mohan Raj! Follow this link: stackoverflow.com/questions/59501445/flutter-how-to-save-a-file-on-ios
I hope you will get your answer 🙂