If you find this video useful, consider Following me on: Twitter: twitter.com/theretroportal Instagram: instagram.com/retroportalstudio LinkedIn: www.linkedin.com/in/parasjainrps Happy Coding! ✌️😁
First view and first like! Thank you for your amazing content! I'm planning on learning Flutter. I still haven't started, since I am busy right now, but I'm slowly gathering resources. Your channel is one of the best sources I've found! Cheers!
Hey I hope you're still here and I know this is almost a year old at this point but at 40:28 you changed the column to a Singlechildscrollview and this messes up the padding, and causes a white box to appear from the bottom as you decrease the width of the screen. I'm super new to flutter but at the bottom of the page there is a big white rectangle and it gets bigger as the width of the browser decreases. Any idea how to fix this? I think it has to do with the image size I used the same picture from your github and it seems to work okay. I'm super new to flutter and it would help me ALOT if you know some solution to this. Thanks!
We appreciate everything you do for your subscribers. Can you please post a video on how to integrate any type of payment in Flutter? Such as google pay, apple pay or Stripe? I will really appreciate. Thanks
Nice video tutorial for showing how to make the responsive UI in flutter. Thanks a lot :) Coming from web development background, writing these seems a lot. Hoping to get used to it. I wish if flutter have some way like css.
Thanks for the tutorial. It was very helpful and easy to catch up. Can u do one showing how to build a single page scrolling website, with a btn click that scrolls to particular page.
Don't know if you figured this out after you re-watched the video, but you initially referenced the image in your code as lp-images.png instead of lp-image.png 😉 Great tutorial. Thanks for sharing your skills.
hey can you make a video explaining the difference between developing websites in flutter and using other technologies also hosting how can it be live on any device around the globe thanks
If we add one more word to title of the application. Let's say "Homepage Retro Portal Studio" and you change the size from desktop to tablet, we see overflow exceptions.
Hey! My bad i might have overlooked that while making the tutorial. You can add overflow property to Text Widget and that will do it! or you can change size of text with device size. 😁 If you want to learn how to do that i do have a video ua-cam.com/video/6-dAAB_AcVg/v-deo.html
Hi, does . these code only work for webapp? can i run the same flutter code to build native app? so 1 single codes to build both andriod, ios and webapp?
Hi Sir, Thanks a lot for this great video it helped me a lot in building and deploying my web app.. But there is a small problem if you could help me, there some images from the assets doesn't load in the website but also others did upload!! .. so do you have any reason for that? once again thanks a lot..
Generally we wrap every UI widget element in a container. and then it might be a part of row or column. But when we look at the image widget that you have added, It's outside the container. Question 1 - Is there a specific reason for that? Question 2- When we move the page to size of tablet/mobile that image seems to be causing an overflow. Can you kindly look into it? Thanks!
I tried adding route to the "Our package" material button, and im getting the 'Context' can't be assigned to the parameter type 'BuildContext' error :(
How to auto navigate to the content by selecting appbar button in the "Flutter Web". For example: if I click on the AboutUs in the app bar, it has to automatically scroll down to AboutUs content. Kindly, help me with this..
@@RetroPortalStudio I want to understand that how to create a bookmark able url and later of I open the same url I should be able to land on same widget
The Flutter plugin for visual studio code has the auto end tags. Its not comments either its judt therre only on editor. If you oprn the .dart files someehere else these end tag overlated virtual comments arent there.
Some errors i got and how i fixed it (ERROR 1) [flutter] flutter doctor -v 'crumb' is not recognized as an internal or external command, operable program or batch file. Error: Unable to find git in your PATH. exit code 1 (FIX) Go to flutter installation folder and inside flutter/bin edit the flutter.bat file using a text editor and remove the line (20) that says IF EXIST "%mingit_path%" SET PATH=%PATH%;%mingit_path% The code should look like this on those lines REM If available, add location of bundled mingit to PATH SET mingit_path=%FLUTTER_ROOT%\bin\mingit\cmd Save and Run flutter doctor and everything should work fine. (ERROR 2) flutter doctor takes too long (fix) I downloaded the previous version of the sdk it worked like a charm (ERROR 3) Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to resolve this. (fix) Open Android Studio Tools Menu, SDK Manager In the window that comes up there are inner panels, choose SDK Tools panel Tick Android SDK Command-line Tools Choose Apply button near the bottom of the window This worked (ERROR 4) `The term 'flutter' is not recognized as the name of a cmdlet, function, script file, or operable program. (fix) put the correct part in the env variables like i had put D:\flutter insted of D:\flutter\bin that worked
Well, i dnt remember what exactly i did there but SizedBox is much efficient way to add space or else you can use Expanded to wrap you element and then align content accordingly. ✌😁 .
So happy Flutter web is in Stable branch now. Can't wait for more Web tutorials!
If you find this video useful, consider Following me on:
Twitter: twitter.com/theretroportal
Instagram: instagram.com/retroportalstudio
LinkedIn: www.linkedin.com/in/parasjainrps
Happy Coding! ✌️😁
Excellent tutorial!
the issue with the image was that you typed "images.png" and was "image.png"
Super cool tutorial! Honestly the best one because it shows us how to split code by devices!
The minute pls
@@mansaha9288 what?
@@jscoys3395 I mean tag the time
am 6th min and already you have saved my struggle with responsive layout, thanks bro
Nice!. Been playing with flutter for the last few months and was planning on looking at using it for a web app. Thanks for this video.
First view and first like! Thank you for your amazing content! I'm planning on learning Flutter. I still haven't started, since I am busy right now, but I'm slowly gathering resources. Your channel is one of the best sources I've found! Cheers!
Thank you very much for your Support! ✌😁
Thank you for this beautiful tutorial. You nailed it!!
Great tutorial! Awesome over the shoulder and thanks for showing (and talking through) how you navigate real world errors and issues.
Very nice explanation thankyou so much 🙏🏼🙏🏼🙏🏼
Amazing content ! Clear Audio and Video, thank you for this video and hoping for more content, good luck
Make more awesome web tutorials like this 🙏
Nice explanation. thanks alot
Thank you for the great effort, please do more videos like this one, and videos how to move from one page to another
4:30 just use TAB there in order to jump into another value, it is way more easier.
Great!
Please make more videos like this with different design.
Hey I hope you're still here and I know this is almost a year old at this point but at 40:28 you changed the column to a Singlechildscrollview and this messes up the padding, and causes a white box to appear from the bottom as you decrease the width of the screen. I'm super new to flutter but at the bottom of the page there is a big white rectangle and it gets bigger as the width of the browser decreases. Any idea how to fix this? I think it has to do with the image size I used the same picture from your github and it seems to work okay. I'm super new to flutter and it would help me ALOT if you know some solution to this. Thanks!
Well, i insist you to check the tutorial once more mate. I WRAP the Column with SingleChildScrollView... i do not replace it. ✌😁
Amazing!!
Nice tutorial
We appreciate everything you do for your subscribers. Can you please post a video on how to integrate any type of payment in Flutter? Such as google pay, apple pay or Stripe? I will really appreciate. Thanks
Great job. Thanks :)
Ctrl+.
Thanks for the tutorial
Amazing content, keep it up!
how to resolve , "unable to load assets error. please reply to me Asap
Thank you for tutorial
you are the best, make more tutorial please
Great, great.
Nice video tutorial for showing how to make the responsive UI in flutter. Thanks a lot :)
Coming from web development background, writing these seems a lot. Hoping to get used to it.
I wish if flutter have some way like css.
I'm still not info Flutter, I wonder if you use the code same / most of it for both mobile apps and web or you need to rewrite everything twice ?
Thanks for the tutorial. It was very helpful and easy to catch up. Can u do one showing how to build a single page scrolling website, with a btn click that scrolls to particular page.
Thank you so much for this video man!!! great job!!!!!!!!!!!
this is the tutorial that i have been looking for...thx. can u make more tutorial please?
Don't know if you figured this out after you re-watched the video, but you initially referenced the image in your code as lp-images.png instead of lp-image.png
😉
Great tutorial. Thanks for sharing your skills.
Keen Observation 😁🤣😂
14:04 how to do that
7:45 why is there in the "else if" also negation of first condition? this part of expression will be always true
Wondering if I should start with NextJS first keeping an eye on svelte and dart.
How did you automatically put in full code snippets?? Like you typed something and the whole code for widget appeared.
These snippets are available for both VSCode and Android Studio. If not accessible you can download the extension from marketplace 😁
@@RetroPortalStudio what is the name o the extension?
I really loved it!
hey can you make a video explaining the difference between developing websites in flutter and using other technologies also hosting how can it be live on any device around the globe thanks
Nice
Awesome one, but how do I fix "prefer const with constant constructor warning" thanks!
How to link the flutter web app with backend? Please make a video on this topic.
Thanks for this !!!
This is goated
What should I learn flutter or web dev
Both 😅
If we add one more word to title of the application. Let's say "Homepage Retro Portal Studio" and you change the size from desktop to tablet, we see overflow exceptions.
Hey! My bad i might have overlooked that while making the tutorial. You can add overflow property to Text Widget and that will do it! or you can change size of text with device size. 😁 If you want to learn how to do that i do have a video ua-cam.com/video/6-dAAB_AcVg/v-deo.html
@@RetroPortalStudio It's all good. Thanks for the prompt response. I would go with decreasing the size. :)
Which Extension are you using to Cover With the Padding?
Wouldn't Wrap Widget be a better solution for multiple screen sizes?
22:49 yes I agree with you
What do you call the art style of the image in the right side pf the landing page? It looks so good
Zeroes and Ones I believe it’s called Isometric
@@mr_adisa THANK YOU
Hi, does . these code only work for webapp? can i run the same flutter code to build native app? so 1 single codes to build both andriod, ios and webapp?
It most definitely would. But minor tweeks are recommended✌😁
@@RetroPortalStudio yes thanks for your great video! Can you show us how to use minor tweeks
@@RetroPortalStudio how can I do that?
Hi, nice video. Can u please explain flutter with firestore custom login auth, ie without email and password.some existing username and pwd.
Flutter web allows you to use one single codebase for both web and mobile.
does the tutorial content database connectivity also?
Hi...nice one.
Can I use this for my personal project? To get started?
Hello, great video. I wonder what are the plugins that you use for the VS code?
Hi Sir, Thanks a lot for this great video it helped me a lot in building and deploying my web app..
But there is a small problem if you could help me, there some images from the assets doesn't load in the website but also others did upload!! .. so do you have any reason for that?
once again thanks a lot..
I'll need look at your assets folder for that. Please check if you have mentioned them in pubspec.yaml file ✌😁
@@RetroPortalStudio I mentioned them of course at the pubspec.yaml as they are appearing fine at debug mode .. but once deployed some aren't loaded :(
@@loaymohamed8134 probably because flutter web is still in beta
In flutter website should we know HTML ,CSS and JavaScript also ??
No, you shouldn't.. Because you will not use them :)
@@MS6834 thanks ✌️
you are the best. thats all
Generally we wrap every UI widget element in a container. and then it might be a part of row or column. But when we look at the image widget that you have added, It's outside the container. Question 1 - Is there a specific reason for that? Question 2- When we move the page to size of tablet/mobile that image seems to be causing an overflow. Can you kindly look into it? Thanks!
Why if I refresh the browser, it sent me back to starter screen, or first page of route.
How to deploy this?
Nice explanation, but please tell me that there's a way around all that copy code. I'm new to dart and flutter but code DRY
how does it automatically add the closing comments like //column when you open such a section?
How we hide the url bar & bottom navigation in the flutter web responsive mobile browser?
I tried adding route to the "Our package" material button, and im getting the 'Context' can't be assigned to the parameter type 'BuildContext' error :(
could you please tell me what is this VS Code theme?!
when Flutter web ready to production ?? any idea
How to auto navigate to the content by selecting appbar button in the "Flutter Web".
For example:
if I click on the AboutUs in the app bar, it has to automatically scroll down to AboutUs content.
Kindly, help me with this..
why my logo can not appear on the desktop? please respon
Awsum
Where can we find search cool royalty-free images?
Sir can you plz make dart course.
please how to display image on web build with flutter
How to do navigation in this flutter web app?
Well, It works the same way regular navigation works in flutter.
@@RetroPortalStudio
I want to understand that how to create a bookmark able url and later of I open the same url I should be able to land on same widget
@@mysuperemecy named routes.
flutter back what use
IF YOU ARE ASKING YES ANDROID STUDIO SUPPORTS WEB
Yes it does now!
Hi, nice video. Can u please explain flutter with firestore custom login auth, ie without email and password.some existing username and pwd.
GREAT.
thanks for this
What is the name of the plugin for the auto-comment code?
The Flutter plugin for visual studio code has the auto end tags. Its not comments either its judt therre only on editor. If you oprn the .dart files someehere else these end tag overlated virtual comments arent there.
How to make website like yourstory.com, youthkiawaz.com, dev.to.
How to deploy this to a shared hosting? Thanks
'firebase deploy'
Thanks for the easy-to-understand content @RetroPortal! Is it possible to create (Instagram/Snapchat) story-like interactive websites using flutter?
Interesting idea man! Will soom create something great for this ✌😁
@@RetroPortalStudio Would be great! Do let me know when you make one. 👍
@@shashwataditya6685 Sure man! I'll reply you with the same. Appreciate if you also subscribe ✌😁 Happy to have you here!
@@RetroPortalStudio Sure! Thanks a lot :)
what programing language should I know to create a responsive website in flutter....?
plz. let me know...reply any one, please...
Dart is the default language used by Flutter SDK.
So much for DRY code!
Is this what they call "Hummingbird"
Will fluter take down html/css or even js in the future ?
Some errors i got and how i fixed it
(ERROR 1) [flutter] flutter doctor -v 'crumb' is not recognized as an internal or external command, operable program or batch file. Error: Unable to find git in your PATH. exit code 1
(FIX) Go to flutter installation folder and inside flutter/bin edit the flutter.bat file using a text editor and remove the line (20) that says
IF EXIST "%mingit_path%" SET PATH=%PATH%;%mingit_path%
The code should look like this on those lines
REM If available, add location of bundled mingit to PATH
SET mingit_path=%FLUTTER_ROOT%\bin\mingit\cmd
Save and Run flutter doctor and everything should work fine.
(ERROR 2) flutter doctor takes too long
(fix) I downloaded the previous version of the sdk it worked like a charm
(ERROR 3) Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to resolve this.
(fix) Open Android Studio
Tools Menu, SDK Manager
In the window that comes up there are inner panels, choose SDK Tools panel
Tick Android SDK Command-line Tools
Choose Apply button near the bottom of the window
This worked
(ERROR 4) `The term 'flutter' is not recognized as the name of a cmdlet, function, script file, or operable program.
(fix) put the correct part in the env variables like i had put D:\flutter insted of D:\flutter\bin that worked
Sorry but worst way to design this app. Adding empty boxes inbetween to create spaces ?? Really ??
Well, i dnt remember what exactly i did there but SizedBox is much efficient way to add space or else you can use Expanded to wrap you element and then align content accordingly. ✌😁 .
:)
Thank you for the great effort, please do more videos like this one, and videos how to move from one page to another