When developing a flutter app using Visual Studio Code
App freezing errors appear on the phone
And the error appears in a new tab, like the one shown in the picture below
Note that these errors do not appear in the rest of the editors
Like android studio and intellij
Are they mistakes that I should fix or not
thank you
Whenever you debug the flutter code it automatically breakpoint whenever there is some error or chance of future breakdown. If you run the application it will not show error. In visual studio try to run code not debug code. Even if you debug in android studio it will show you those screen.
The error is true
You have put an Expanded (inside a Padding) in a Column, which means the Expanded widget will try to take as much space as possible in a Column widget which will have the height of its childs, making the Column’s height infinite. Try nesting the Column in a SizedBox or Container with height and width
Related
I am using Android studio chipmunk 2021.2.1 patch 2 for Apple M1 chip ... created a flutter project with patch 1 ... code is working fine but some android studio features not working ...
Flutter Outline shows the source code tree but I am unable to Export any widget nither directly from the editor nor from Eflutter Outline Tab ...
doubleclick on widget tree -> refector -> Extract Flutter Widget ...
Following popup appears but nothing happens on clicking Refactor...
The same thing works fine for the Extract Method...
Flutter Outline shows the code tree but it's also not extracting any Widget...
Only the Export Method button works fine here... it also does not show Wrapping any widget all buttons are disabled ...
The following suggestion bulb is also not showing anything for this project... (This screenshot is from another project)
Unable to rename anything... it shows an error...
This error does not make any sense.
And all things are working fine for the other flutter project I downloaded from Github...
I don't know why this thing happening only for this project and working fine for other projects.
I was watching a video about a flutter project in vs code, and I saw that the developer used an extension to group sections of widgets and its childs with a dashed-vertical-line on the left side. Does anyone know what extension is used here?
That is not an extension. This is from VS code settings. Go to settings and search for FLUTTER UI you will get two options as shown in image. Select both option and restart your vs code. You will get broken line tree as you want.
I recently started working on Flutter/Dart, I like the flutter autoformatting on-save, but one thing might or might not be related is the code wrapping for long code even if code is still fitting my 4k editor window.
Is there a way to prevent new line but keep the comma auto format?
Thanks
Follow the instructions below:
Open Settings.
Expand Extensions and click Dart & Flutter on the left.
Find Dart: Line Length.
Change it to the value you want.
how not to generate a red box in flutter when create widgets??
it`s so super annoying
I`ve been searching this for a while
but still couldn`t figure it out
can anyone help this please?
When you create widget using Context Actions, it seems Android Studio holds onto this widget and shows this with a red box. You can get rid of this grip by typing a <TAB> on any empty space.
When a user enlarges a window hosting a xamarin.forms UWP app the layout/page does not resize, and the window controls disappear. If you make the window smaller everything reposition as expected. How do you get this to behave properly? I thought it was supposed to scale automatically.
I have downloaded and tested the project you provided on GitHub and it works normally and resizes as expected. I suspect the problem in your case may be that the UI thread was frozen or you Visual Studio Debugger froze the app. I would suggest restarting your PC and then doing Clean solution from Visual Studio and rebuild again. After these steps it should work normally. If not, perform repair of Visual Studio.