Flutter Layout Design Tutorial || Top 5 Widgets
Vložit
- čas přidán 9. 07. 2024
- In this video we will talk about top 5 widgets to build a layout in Flutter.
We have also covered some of the key features of Row, Column, Stack, Container and List.
If you are beginner and want to understand basics of Flutter, this video is for you. You can learn how to layout the page and when to use different layout widgets.
0:00 0.Introduction
0:45 1.Column widget
5:46 2.Row widget
9:09 3.Stack widget
14:05 4. Container widget
18:20 5. ListView widget
Git Source:
github.com/afzalali15/Flutter...
Adobe XD link:
xd.adobe.com/view/11a2b198-f7...
Eagle | Organize your digital assets
en.eagle.cool/
---------------------------------------------------------
Subscribe, Like and comment to get a chance to win free license copy of Eagle software.
Other videos:
Flutter UI Design || Adobe XD Soft UI
• Flutter UI Design || A...
Flutter UI Design & Development tutorial || Flight Booking UI
• Flutter UI Design & De...
Flutter UI Design || Part 2 - Gradient theme
• Flutter UI Design || P...
Flutter UI Design || Adobe XD gradient theme
• Flutter UI Design || A...
Flutter UI Design & Development || Adobe XD design - 1
• Flutter UI Design & De...
Facebook Page: / codexdevs
Connect with me on social media:
FB: / user.afzal
Twitter: / afzalali15
LinkedIn: / afzalali15
Explore 5 commonly used widgets in Flutter. Easy explanation with side by side results. What you would like to learn next?
I want to learn Basic Widgets Example of Flutter which we are using IN Andorid Layouts, just You have said that Column Widget is Like Linear Layout in easily Understood for make me Ui design in flutter . Jusr Provding t Those Similar and Basic Widgets and Thanks for Providing This Tutorial Easily Understand all Widgets.
I had never seen such a great video and explanation for the topic, there isn’t too much out there, keep it up and thanks 🙏
Great tutorial! I love it!
Explanation is to the point, very precise & accurate..thank you so much!!
Good sharing!
Best layout tutorial man simple and to the point, loved it ! Also the common mistakes part was in a way great. 🤍
I love CodeX everytime i find a video.. its so easy to understand the concept being taught.. Thank man u r God sent
Thank you so much🥰 this was pretty old video.. i didnt even edited properly😅
Thankx that cleared up a lot of queries.
#flutter thank you for the basics of the layout.I won't be stuck anymore. :)
Awesome #flutter tips. Very well explained.
It was the best way possible to explain....bro thankyou soooo much Jazakh Allah khair bhai....
Best video explaining use of widgets for designing.🙂
Good video, thank you for sharing you knowledge :)
Very good, you are doing a great job!!!
Great resource for understanding 5 #flutter widgets. Very helpful to see code and it's effect on device. Thank you!
Congratulations! You won a free license copy for Eagle software. Reply with your email and we will send you license key ASAP. Check more about Eagle app on en.eagle.cool
#flutter thank you so much ... In one word you are amazing
I think this is best video i found, my team left me in middle of project this video helped me to setup my flutter project, thank you so much #flutter
Awesome to hear that 😍
thank you helped me a lot
thank you afsal
#Flutter, thanks for giving such information by which I've solvedy layout related doubts
Great tuto thank you #flutter
Greatest video ❤
Nice #flutter tutorial 👍👍👋
its very good
thank you for this great video
keep going
Good Explanation mate please keep going with new things about flutter.
Thank you 😊
#Flutter Thank you for helping us with this wonderful tool. Flutter is amazing, and his channel is making me open my mind and be able to learn even more about it. Thank you!
Happy to hear that!
Thanks afzal ali
thank for sharing
Hi from France, thanks you for yours #Flutter Vidéos
Thank you
#FluTTER
Thanks To you and your team, Its very well organized delivery of knowledge content within time limit, easily understandable and much more . Thanks a lot
And looking forward more knowledge sharing sessions
Thanks for sharing this, I learnt a lot. Also can you do a video on containers?
thank you
#flutter thank you sir...
Nice 👍👏😊
#flutter it was really very helpful video for the basics and for modification
Can you talk about when use listview builders and inside them there are many columns? when i do that always got size's errors
I am new to Flutter, by watching your video I have learned a lot. You have a clear explanation. Keep your good work 👍
Congratulations! You won a free license copy for Eagle software. Reply with your email and we will send you license key ASAP. Check more about Eagle app on en.eagle.cool
@@CodeXdev sorry late to reply. I never get any notification from your reply but luckily I watch one of ur video and showed I won the license. Still can I claim for the reward?
If yes, here is my email. Sovandy097@gmail.com
Almost after a year 🤣🤣, I have mailed you the license key. Hope that is still active 👍
One of the best tutorial about layouts.....Superb...thank you very much for your hard work and efforts...appreciated....Subscribed....With this level of teaching I suggest you should add join section in youtube so users can support you...you deserve it.
Thank you so much, your feedback is much appreciated. If interested, you can support my channel here www.buymeacoffee.com/afzalali15 👍
Zabardast!
Shandar. Zabardast. Zindabad 😆
really helpful thank you
You're welcome!😊
Best bro :) u explain very good keep it up thanks
Most welcome 😊
The eagle software looks cool #Flutter
#flutter #flutter #flutter #flutter #flutter #flutter #flutter #flutter
#flutter to the power infinity.... Loved your tutorial
Thank you for the love 😍
I have a app and Theme1 is applied on It, now I want to apply theme2 on it, how would I achieve this. I'm new to Flutter, anyone help me on this.
Good one brother 😉
Thank you so much 😀
Bro, you're master of teaching. Actually, I'm from the android background and when you said about the linear layout I got the things. Why not you launch a paid course with certification because your videos are very valuable.
I really appreciate your comment. Thank you for motivating :)
Can I buy coffee for you?
☕️ why not 😍
Can I get link
www.buymeacoffee.com/afzalali15
Thank you in advance 😍
thanks for this explaining video but i have a question can you pose a video about how to create favorite list view and thanks 🙏🏻
20:40 But what, if we want to display different data on each ListDemo? How to do that.
make a video for container pls
Do you have iot connection tutorial
I use stack and positioned for everything
Please do us a video on Flutter Container Widget. Thank you CodeX
Noted!
What app do you use to write on a board please?
Oh, I did it in after effects if I remember correctly.
#Flutter
How I can remove the pading of parent in widget, example
Padding
Column
Container - this its expanded no padding from parent
Container - this its whit padding of parent
For such case, don’t add padding on top. Keep padding to container you want!
Also, your first container should also have that padding but you may not notice (check with visual element finder)
Awesome way of explanation but Sir Code is not proper visible
This is very old video, I have improved the video quality since then 😊
please do from scratch
Inside the column, the children is . Why not use a container
Column accepts List of children, so any Widget will work!
Great video but your sound quality unfortunately
sucks*
Thank you for feedback. Planning to procure all equipments to produce great tutorials with great voice over. :)
#Flutter
I am watching this video in 2023۔🥺
it was uploaded in 2020۔🥲
it means I get late to avail the opportunity of free licence copy of code software۔
This video is good۔ All Layouts are described with diagrams and easy to understand concepts۔ 👍