Wow this was the most useful flutter UI video I ever watched. Thanks to the creator ❤️ for creating this walkthrough like tutorial instead of speed code. He explained about not only about UI widgets but also how to arrange project and things like constant and utils. Thanks man can't wait to see more👍
If you find this video useful, consider Following me on: Twitter: twitter.com/theretroportal Instagram: instagram.com/retroportalstudio LinkedIn: www.linkedin.com/in/parasjainrps Git: github.com/retroportalstudio Happy Coding! ✌️😁
Amazing! , Your coding style is neat and clean. I love they way you broke the UI into smaller understandable chunks, and explained each of them clearly. Thanks for your hard work , I would love to see tutorials like this more often.
Excellent, the detail instructions made this video outstanding comparing to other videos about Flutter UI so far. I really appreciate the author to create such a helpful video from which I learn a lot. Thank you !
Beautiful video, just what I needed. These tutorials are massively helpful for coders who are inexperienced about UI design. Even though I knew most of the necessary widgets and how they work, I wouldn't just put them together. In these type of videos I get a chance to take a look at your mindset about how to design and create things, and it helps me A LOT. Thank you, so, much my friend.
Good Work. Such an awesome explanation with crisp and clear. Mostly useful re-usable components. Can you please do a video on the initial setup of all re-usable components, file setup, git integration, SQLite features, dark-white themes, naming conventions, if possible! I mean a complete explanation as a production-ready code.
Thanks for starting this series, Please focus on building response screen. In this video you just had text style different for responsiveness but what about widget's width & height? Thanks for the video.
Yeah ! I am planning to create a video that focuses on Responsiveness and then will use the concepts throught the series 😅 its kinda hard to explain everything in a single shot!
@@RetroPortalStudio I really appreciate your efforts. I also know it's very tough to complete everything in a single video, but you are already doing best in it.. thanks for that.😊 Maybe you can split up a video in multiple parts if you want.. anyways, it's up to you. 👍 Waiting for responsiveness series too :)
I think adding the direct link to the design inspiration's original Creator's page would be better than Linking to the design curator Instagram account. It'll be better for the original author
Failed to comment yesterday until I saw your video posted on the flutter subreddit r/FlutterDev. www.reddit.com/r/FlutterDev/comments/j54yrp/flutter_ui_design_series_episode_1_retroportal/? By far my favorite Flutter RUclipsr. You explain clearly why you do things a certain way and it helps a learner to have a better understand and grasp on programming logic. You efficiently introduced and implemented reusability flawlessly its impressive to see. Your content is quality and very helpful, not in a "watch me code and do as i do type of way". Keep up the good work man! Love your videos!
Great video, man. I want to know how would you implement if we want that Vertical ListView shouldn't overlap with Header views, but have "one" vertical scroll for page?
I have this problem: The parameter 'key' 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.dartmissing_default_value_for_parameter
Well done great tutorial but I don't understand on one thing you use .map after the divider where user select options just give me a little explanation please
Rather than creating each individual item with same structure... we used .map function of list which helps us iterate through the list and with each iteration we are returning a widget. In the end you can see we used .toList() function which finally converts the result of this Map function to a list. And we pass that for the children property
Cool! Thank you for sharing! If someone wants to make the buttons on the top with the ripple effect change the build method for Border Icon, you need to wrap the Container in an InkWell ( onTap: () {}, borderRadius: BorderRadius.circular(15.0), child: Container ...
Well, FAB carries out a lot of its properties that are not useful for us in this case. I find it convenient and less troublesome to create custom widgets for such cases ✌😁 There are multiple solutions for the same problem so you can try whichever way you want really
I'm a React Native developer, designing UI with Flutter looks too complicated to me. I'm not a fan of Facebook as a company but coding UI with JSX is great.
looks like git project is not open source so its hard to follow along with you(i mean it take more time to download asset manually) so it would be great if you provide a git project with all necessary assets/constant/ sample data so we can easily follow along
It's a subdirectory as i will be adding all the UI Series tutorials in this very repository. You'll be able to clone this : github.com/retroportalstudio/rps_ui_collection
Wow this was the most useful flutter UI video I ever watched. Thanks to the creator ❤️ for creating this walkthrough like tutorial instead of speed code. He explained about not only about UI widgets but also how to arrange project and things like constant and utils. Thanks man can't wait to see more👍
If you find this video useful, consider Following me on:
Twitter: twitter.com/theretroportal
Instagram: instagram.com/retroportalstudio
LinkedIn: www.linkedin.com/in/parasjainrps
Git: github.com/retroportalstudio
Happy Coding! ✌️😁
Amazing! , Your coding style is neat and clean. I love they way you broke the UI into smaller understandable chunks, and explained each of them clearly. Thanks for your hard work , I would love to see tutorials like this more often.
You give a flutter tutorial to us was in one side. But the way you talk during this was simply magnificent bro.Your voice is very cool
Excellent, the detail instructions made this video outstanding comparing to other videos about Flutter UI so far. I really appreciate the author to create such a helpful video from which I learn a lot. Thank you !
I look forward to the continuation of your lessons. I wish you and your loved ones health and happiness.
This was an amazing tutorial. Fast enough to follow and not get lost.
Best tutorial I've ever seen. You've earned yourself a subscriber. Continue this series please?
Beautiful video, just what I needed. These tutorials are massively helpful for coders who are inexperienced about UI design. Even though I knew most of the necessary widgets and how they work, I wouldn't just put them together. In these type of videos I get a chance to take a look at your mindset about how to design and create things, and it helps me A LOT. Thank you, so, much my friend.
Thanks a lot and let's fooking go to the next ones!
Best flutter ui series ❤️. Simply describes.
Amazing tutorial. Waiting for Episode 2!
This was super helpful. please continue the series.
Amazing video! Thank u so much:D I want to start practicing right now.
Continue this great series ☺️
Thank you for this informative and educational video!
Excellent video
Great tutorial. I have been developing with Flutter since the start of the year. And I learned a lot about the different widgets in this video.
I was waiting for this series... Awesome work.
Very good explations sir .. Thanks man can't wait to see more👍
Amazing 😍 , please continue ❤️
Thanks for sharing your experience! It helps me a lot!
Thank you so much for this video. I am starting to learn flutter ui and Im so excited for this series.
Nice tutorial, Thank you. I will try next screen now.
It's amazing and easily understanding video
Thank you for best knowledge 🙂
5 ⭐️ tutorial. Thank you!
great work
Awesome thank for your sharing
Kudos Bro, Simple, Clear, Non-Boaring..! Subscribed+
Good Work. Such an awesome explanation with crisp and clear. Mostly useful re-usable components. Can you please do a video on the initial setup of all re-usable components, file setup, git integration, SQLite features, dark-white themes, naming conventions, if possible! I mean a complete explanation as a production-ready code.
Amazing work bro... I love it..
Super video i can see on RUclips Thank u sir Love from Pakistan
Great tutorial content
Your contents are awesome!
Your video is really great!
sir, waiting for your new uploads in this series, thank you
Thanks for starting this series,
Please focus on building response screen.
In this video you just had text style different for responsiveness but what about widget's width & height?
Thanks for the video.
Yeah ! I am planning to create a video that focuses on Responsiveness and then will use the concepts throught the series 😅 its kinda hard to explain everything in a single shot!
@@RetroPortalStudio I really appreciate your efforts. I also know it's very tough to complete everything in a single video, but you are already doing best in it.. thanks for that.😊
Maybe you can split up a video in multiple parts if you want.. anyways, it's up to you. 👍
Waiting for responsiveness series too :)
Thanks for this amazing tutorials.
great....I love it, Bro!
Thanks Mike!
Super Always the better
Thank you very much for this beautiful video bro
Very useful video. Thanks !!
Wow!
really awesome!
Greatest Tutorial ever professional style of coding, You are not just giving tutorial you are sharing your experience love you bro :*
super
so easy to follow, thank you
Amazing 👌👌👌
It's really a nice presentation.
Thank you....
I think adding the direct link to the design inspiration's original Creator's page would be better than Linking to the design curator Instagram account. It'll be better for the original author
Think you are right! I'll update it 😁
amazing explanation.. thanks a lot 🌹 🌹
Much needed ❤️
If you have any suggestions for this series , Feel free to post 'em here ✌😁
Failed to comment yesterday until I saw your video posted on the flutter subreddit r/FlutterDev. www.reddit.com/r/FlutterDev/comments/j54yrp/flutter_ui_design_series_episode_1_retroportal/?
By far my favorite Flutter RUclipsr. You explain clearly why you do things a certain way and it helps a learner to have a better understand and grasp on programming logic. You efficiently introduced and implemented reusability flawlessly its impressive to see. Your content is quality and very helpful, not in a "watch me code and do as i do type of way".
Keep up the good work man! Love your videos!
Nice one !! Great fan of your videos. We can also use chip(s) widget instead of a decorated container for filters right ?Keep doing the good work 😄😄
Yes you sure can! There are mostly multiple ways to do the same thing ✌😁
Maybe FloatingActionButton would be a better choice for the map view button..
Love your video ! Can you do how to create real time chart in flutter ?
🔥🔥🔥
Great video, man. I want to know how would you implement if we want that Vertical ListView shouldn't overlap with Header views, but have "one" vertical scroll for page?
I have this problem:
The parameter 'key' 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.dartmissing_default_value_for_parameter
same here but he doesn't dress to that..
👏
hello sir,it seems i'm getting an error when i create the const in Border Box,please help me...appreciating your work from Kenya
Hello .. i have made this project as well as the bar navigation .. and i want to put them together ,, any tip ? I really need it 🥲
thanks
Well done great tutorial but I don't understand on one thing you use .map after the divider where user select options just give me a little explanation please
Rather than creating each individual item with same structure... we used .map function of list which helps us iterate through the list and with each iteration we are returning a widget. In the end you can see we used .toList() function which finally converts the result of this Map function to a list. And we pass that for the children property
@@RetroPortalStudio Thankyou Can we do this for the column as well?
@@MuzamilKhan-rl2sh yes of course but only if the child elements share the same structure ✌😁
@@RetroPortalStudio Yeah I know and Thanks for your help I just SUBSCRIBED
Cool! Thank you for sharing!
If someone wants to make the buttons on the top with the ripple effect change the build method for Border Icon, you need to wrap the Container in an InkWell ( onTap: () {}, borderRadius: BorderRadius.circular(15.0), child: Container ...
Friends, I have a technical question, why do you create the ChoiceOption widget as a stateless widget, and not as a method inside the Landing Screen?
You sure can! ✌😁
i wonder why dont you put the OptionButton through the "fab" that Scafford offer, is there some bad effect using it?
Well, FAB carries out a lot of its properties that are not useful for us in this case. I find it convenient and less troublesome to create custom widgets for such cases ✌😁 There are multiple solutions for the same problem so you can try whichever way you want really
@@RetroPortalStudio thank you for explaining. That make sense, feels like I learned something suddenly.
Plz teach multivendor app with flutter and MySQL plz...vv.imp
I'm a React Native developer, designing UI with Flutter looks too complicated to me. I'm not a fan of Facebook as a company but coding UI with JSX is great.
same here...
Try to cover responsive principle too
Isn’t there a way to do these through a graphical ui designer like using dragNdrop
Not as good! But there will be in future
Signal / noise ratio = unlimited
My text theme is not getting passed to the LandingScreen.dart file, and therefore I am not able to see any text on the screen.. PLS HELP
I am guessing it is a problem with Theme.of(context), but I have followed all the steps that you have shown including the constants.dart file
looks like git project is not open source so its hard to follow along with you(i mean it take more time to download asset manually)
so it would be great if you provide a git project with all necessary assets/constant/ sample data so we can easily follow along
It's all there man! 😅 Fonts, Images everything! github.com/retroportalstudio/rps_ui_collection/tree/main/rps_ui_e1
@@RetroPortalStudio hey thanks for your reply .
Idk why I can't clone the given project.
any idea ?
It's a subdirectory as i will be adding all the UI Series tutorials in this very repository. You'll be able to clone this : github.com/retroportalstudio/rps_ui_collection
good UI but brother ... please make this apps fully functional, with data base firebase login siup and cart ..
key,height, null found and insist for add required?
Is there any difference between `window.physicalSize` and `MediaQuery.of(context).size`?
window.physicalSize show screen resolution height width And MediaQuery.of(context).size show screen viewport height width
Why don’t you use firebase for the images bro
How to Return Two or more values from a single function....in Dart?
Return a list with multiple values
Or a custom class with each field representing a value.
Try to recall your YT password or hit the forgot password button. We are waiting for you.
Amazing tutorial. But a little too fast to follow
I am new in flutter.Can you give me a road map to watch ur all video?
Well, I will insist you to start with this Widget Essentials Series ruclips.net/p/PLybADvIp2cxiVOEHi9ooCHP2tAAihHQPX 😁
@@RetroPortalStudio ok.I will
How about tik tok UI with page view horiontally💕
Sir, e-commerce app in flutter
Please start from scratch if possible?
12:33
anyone who knows backend well and wants to work on a project together?
Source code please anyone?
in description
Bro this is very fast. Please try to be slow next time.
Too complicated
Bruh stop this fake accent. It's cringy
BRO, YOUR VIDEOS ARE TOO MUCH FREGMENTED PLEASE MAKE THIS EASIER ALSO DO A TO Z SERIES FOR LFUTTER
open GMS window tNice tutorialng, look at blue screen on left, look at it's bottom right corner where for you it might say "Aggressive TE". click the