Today I will share with you a nice and clean Online Shop app UI by using #Flutter.
On our E-commerce app #UI has two pages one for the product page which has a horizontal list of categories then a list of our products. Then on the details page, it shows the price and a short description of the product with the Buy Now button. The best part of our E-commerce app is, each product has its own color which looks great.
Learn to use SVG icons, passing data from one screen to another screen, hero animation while navigating to the detail page, create your own button widget from MaterialButton, and more.
►Source Code:
►For the 3D intro, I’m using Rotato:
► Social Media
GitHub:
Twitter:
Twitter: (my personal profile)
Facebook:
► Timestamps
0:00 Intro
0:38 Project Setup
2:15 Home Page
11:14 Details Page
Thanks for watching!
Make sure to like + Subscribe For More!
10:40
i like that
How do you do the animation at the begining?
Man really apricated your efforts, I am following you UI tutorials I have a question you created an AppBar and change it into a Method, Kindly explain why you do that? thanks
done today
I love your work.
This is super! Good work
Learned dart,
Now want to learn flutter as much fast as possible..
So will you please suggest me what can I do?
Like follow online tutorials or just build apps from documentation?
THIS IS CRAZY. Man, you're just incredibly cool. I am learning flutter recently. The fact that I found you is a miracle! You are really cool. For the past 12 hours I've been tinkering with your code. You are a great programmer, but the fact that Google has changed the whole syntax so much in two years is terrible. I do not understand this. For the last two hours I've been trying to get "ItemCard" to work. I have been programming in python for a long time and know css, but flutter breaks my brain.
Many thanks for your work! 😄
could anyone tell me how to use different images but like the ones shown in the video. i am trying different images but not receiving same results
will it work for andriod too ????
HI i have one doubt why are you using Rich text instead of normal 2 text widget. I know that when using richtext we can style the individual text span. But you are not even styling any individual text span. By the way your video is awesome still in 2022
seriously these speed code is such a turn off
Sensacional!
how to avail the full learning videos of this design?
Do you have the source code?
when i add product and press and add them inside constructor the itemcard() assign null value how to solve this issue
I love it can I made this shop
this code still work for flutter 3 ?
BRO MY IMAGES AND GRID ARE NOT SHOWING PLEASE HELP EVERYTHING IS CODE RUNS SMOOTHLY JUST THE IMAGES ARE NOT DISPLAYING
your video is my project help fully . thank for creating you video
Hi, I'm interested to know where I could get your UX designs for Adobe XD or Figma, etc? I really love the apps you have designed.
Thanks for your videos
Azer bülbül şarkısı gibi titrek ve güzel olmuş
Tutor nta gajelas, gabagus kali diawal punyaku merah disitu kagak padahal sama
Amazing Session
Fruitfull Knowledge ❣️
so amazing
I tried to run it but can't because of the kotlin version. even though it's been changed to the latest version it still doesn't work, is there a way?
tes
Wow, your coding ability is pretty amazing. I had never seen others code process, algorithm gives me to see it. I really respect this youtuber guy. thanks for gives an oppertunity to watch your wonderful code.
I am really impressed by your beautiful flutter applications designing. I get to learn a lot. Could you please explain how to change state of colors selected when you did this
https://www.youtube.com/watch?v=XBKzpTz65Io&t=1272s
I love it! Thanks for sharing the work.
brother do u have new version of source code of this app
just to know which version of flutter do you use for development purpose ?
Can you tell me all the extensions u use? Sorry, i'm new with VSC so i need more help from people like you….. Thanks before if you willing to help 🙏🏻
6:45 what is the name of VS Code Extension being use here does anyone knows?
Thanks a lot sir!
I would appreciated it even mover if u had voice instructions.
habra una forma de sincronizar los articulos con firebase o mysql?
For android?
at the time of creating as variables is presenting this error :
The parameter 'press' can't have a value of 'null' because of its type, but the implicit default value is 'null'. Try adding either an explicit non-'null' default value or the 'required' modifier.
could someone help me?
class Activity {
String imageUrl;
String name;
String street;
List<String> startPrice;
int price;
int rating;
Activity({
this.imageUrl,
this.name,
this.street,
this.startPrice,
this.price,
this.rating,
});
}
thank you for sharing this , let me tell you , i learn lot from this , but nor this is 2022 so little change is also i have to do and your 30 min. video take my almost half day but at the end i fill well and thank you , also hope for sharing similar lot of contain
bro u r awosome!
Good job bro.
hello master, please set youtube on subtitle in english, thanks
Thanks so much for your output! I'm learning so much about how to keep the code structured and organised.
On thing i would love to know is what factors determine whether you extract to a Method or a Widget?
My rough understanding is that widgets are less 'expensive' than methods and so should be preferred in all cases. In this video you extracted the navBars and button counters as methods whereas I think widgets would have also been ok?
I'm sure you used methods for a reason, if you could explain that it would be greatly appreciated because i suspect this is an area of ignorance that will trip me up in the future given im using widgets all the time 🙂
nice nice!
Thank you 🙂
Hello .. i want a business with you