Hi ,, how are you hope you will be fine as many people are earning by your effort so people's prayers are definitely with you .. i want you to give us a free copy of Zero to Hero playlist as i could learn more about state management fire base authentication and publishing app on Android and Ios Store as well .. Hope you may understand that i am stuck in middle of your playlist. thanks
how to Singlescrollview Row and listview? error "RenderBox was not laid out: RenderRepaintBoundary#085e6 relayoutBoundary=up5 NEEDS-PAINT" because comment section need scrolldown
I don't think this is a good choice. Practically, any web app will have a LOT more code than this and repeating all that code doesn't look like a good idea.
@Mitch Koko , So because my app is mostly UI i basically double or 3x the code and modify for tablet and desktop devices. Doesn't get the app size too big ?
Such a great explanation! 1 question, if there are multiple screens in one app , that means we need to do the mobile_body & desktop_body file for each one of the screens , right?
Hey is there any way to give constraints to window frame on web, like have a project with responsive layout but whenever I try to reduce its height it gives me renderflex issues.
This is very well spoken and easy to listen to, but my dude, for beginners, you really rocket through some of that code and I think you used code snippets that not everyone watching might have and don't reference that you did that. Still a great resource though!
Honestly Dude, Simple! Clear! Concise! Every other example I've seen is too complex and seems like the Author is trying to show how big his brain/ego is (i.e. Google...) . Totally awesome!
@@createdbykoko So far so good! I have a small number of customers and am getting better at it every day (thanks to several of your tutorials). I think you're in Australia? I live in the Seattle area but have family in Surfers Paradise 🙂
is there a way to query the device type, not just the width/height? some frameworks in other dev tools will return iphone, ipad, androidphone, androidtablet, windows, mac, web, etc.
Hey, I have just started learning coding with Flutter and I'm curious: how is this code deployed so that people can access the website link as well as the app link? Please don't mind if this question seems silly 😅
Nice video! One question tho, at 4:42, what did you press for the column to expand nicely to other columns I mean transforming ResponsiveLayout(mobileBody: , desktopbody: ) To: ResponsiveLayout( mobileBody: , DesktopBody: , )
Good question haha. If you add a comma after the last item (before the closing bracket) , it will reformat it nicely. Let me know if that wasn’t clear haha
Awesome and concise video. What is your take on packages like responsive_framework and would you prefer using those over the approach you demonstrated in this video?
It seems there is a problem inside the "desktop_body.dart" file and it gives this error message by extending the running window page size: ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════ The following assertion was thrown during layout: A RenderFlex overflowed by 19 pixels on the bottom. The relevant error-causing widget was: Column
Can you make a video on how to convert a existing website to a responsive disign for mobile, tablet and website which is in flutter. It would be good if you used responsive framework.
can we make common code for other pages or we need to every time write for both mobile and desktop, is there any tutorial for this ? flutter is new for me
Great video ! what about duplicate code ? Can't we use the same video component for desktop and mobile in the same file, and just put specific parameters in separate files (like width and color) ?
Thanks for this awesome video, as always. Something that happened to me is that I used the structured way method for a project, but what I turn my phone in landscape mode, the width is 800.6, should I control the layout using the MediaQuery.of(context).orientation to control that?, or there is a more convenient way? Thank you very much fro your time, I really appreciate it!
Thank you for this. I have a question please. Does this responsiveness works with the whole app UI. Meaning there wouldn't be render overflow error. Idk if you get Me. For example will the font size.. container height of widgets be responsive as well?
No, you'd still need to handle all those issues as usual. The only thing LayoutBuilder does is give you an easy way to know what viewport constraints your app is working with, and by extension, what *layout* it should be using.
Great video! learned a lot. quick question: I am assuming your are using chrome for live preview and the results seem to update immediately as you save. I thought hot reload is not supported with web. Do you use a different setup?
Nice video and precise. However, as myself I am developing very complex apps in Flutter having as backend a microservice architecture in .net hosted in docker, I found the responsiveness technic pretty cumbersome. Because, based on the screens size, basically, per implementation speaking, we have to manually construct again some widgets just for layout. Also, DRY is violated cuz multiple widgets cannot be used, or they need be based always on MediaQuery and calculate the correct height and width per screen size. I would expect a better approach from Google team in terms of responsiveness layour as Flutter framework wants to be hybrid. Do not get me wrong, I love Flutter, and I am saying this as developing in Angular as well from 5 years now. But I was expecting to be done better in terms of responsiveness and to not do all the tweaks that has to be done in CSS.
just started to learn fluttern from native ios and android background, didn't realize there's a code snippet if you write "stf" or "stl" haha. Thanks mate!