Every time I want to add a widget by selecting it on the autocomplete list from VS Code, let it be a Container, Column, etc., the full path is re-imported. Sometimes the autocomplete list will also show multiple lines for the same widget. import 'package:flutter/material.dart';' is already included on the file.
e.g.
import '../../../../../flutter_linux_v1.0.0-stable/flutter/packages/flutter/lib/src/widgets/framework.dart';
import '../../../../../flutter_linux_v1.0.0-stable/flutter/packages/flutter/lib/src/widgets/container.dart';
Image here: screenshot of autocomplete
It goes away if I run Flutter clean but comes right back. Any ideas to make this go away?
Which extensions are you using? Might there might be some extensions which is overriding flutters default extension behaviour.
You can run code --list-extensions from command line to get all extension installed. You can post it here so that me or someone else can help you out.
Related
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.
So, here is the problem:
Whenever I am coding with Flutter and Dart, and I use a feature from another file, when I press Tab, VS Code will auto-import the file for me.
The thing is, VS Code will use the package import syntax, like import 'package:<project_name>/<file_path>';. But I prefer relative import syntax.
So, is there a setting I can change in VS Code for Dart to configure it to use relative imports by default?
Thanks!
While importing, you can find both option by tapping on yellow bulb or pressing ctrl+.
Another handy thing, using dart-import extension on Vs-code.
Personally, I am using dart-import extension. There is an extension setting you can turn on to modify imports on save. So, you can have a consistent import structure without needing to choose every single time.
There is a recommendation in effective dart guideline for relative path import usage.
Let's say, initially I have a screen which currently contains all the UI as well as the logic.
But now I want to separate the UI and the logic into two different files, and maybe some UI too.
Question:
Is there any extension or a terminal command that I can execute so that all the missing files will get imported?
NOTE: I know I can just copy all the imports from the original file, but then I would have also copied some unwanted imports. I just want to import the filed that are needed.
Recently the auto import feature for packages and widgets stopped from working, How can I solve it and back it to work? Here an example for import the material flutter package.. in the past when I used to click on fast solve button it was give me an option to import it automatically .Flutter auto import does not work
import material.dart to get the rest of the widget working.
I've had to deal with that for a month or so, and I only managed to solve it a few days ago.
If your problem is anything like mine then it's probably due to one of your settings.
The brute force solution I found is to completely clear your settings.json file and set your preferences again one by one.
Only add those you actually need. I had a lot of them which didn't change much or anything I could notice.
You could also comment out each line one by one to try to find out what exact setting is causing the issue but that's more tedious than doing it all over again.
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.