'VS Code and Flutter/Dart, Widget Autocomplete not working

I'm working with some tutorials to learn Flutter and the one that I'm taking now uses VSCode. I actually prefer it to Android Studio because it doesn't overheat my Macbook. The only frustration I've had with it so far is that there are quite a few times where autocomplete just stops working. For instance, if I wrap a Column in a widget and then start typing Container, Android Studio will pop up an autocomplete showing Container VS Code used to do this for me, but has stopped for some reason. I can still get the autocomplete list if I press Ctrl+Spacebar.

I'm using the following:

  • VS Code - 1.36.1

  • Dart Extension - 3.2.0

  • Flutter Extension - 3.2.0

  • Material Icon Theme - 3.8.0

This is the latest version for all of these.

Is there some setting or something that I need to change? I've spent the last two hours trying to work out what's going on. In searching, I did see some references to earlier versions of VS Code and the extensions causing problems, but nothing about these versions.



Solution 1:[1]

Go to pubspec.yaml and hit save or run get packages. It worked for me, hope it helps

Solution 2:[2]

There are generally two reasons for VS Code to automatically open code completion - 1) when you press a key that the extension ahs told VS Code should invoke it and 2) when VS Code thinks it would be useful (for example when you start typing on a blank line). If you're typing in a line of existing code it won't always do this.

Pressing Ctrl+Space is the correct way to open completion in the cases where it doesn't appear automatically.

That said, if you can provide more information about a specific instance, I can take a look if it's something we could/should pop completion open for. It would be best raised at https://github.com/Dart-Code/Dart-Code/issues with a screenshot and details of exactly where your cursor is (and how you got there).

Solution 3:[3]

dont use too many flutter extension, I also face this problem , then I realize that 3 flutter extension are installed, use only one , it works for me, try it.

Solution 4:[4]

I did have a derivative of this problem when I was working with VS Code and flutter and this is what I did. This is for windows though. This is what I did ; Go to C:\Users<your username >\AppData\Roaming\Code and delete all the files and the directory called "Code". Usually the folder AppData is hidden so you'll have to unhide it. Then restart your computer and then reopen VS Code. This I think cleared some of the unwanted cache files which kind of made things right again. Hope it helped.

Solution 5:[5]

Doing a flutter clean and then flutter pub upgrade worked for me. Sometimes flutter clean using the command line does not work if you have android studio then in tools go to flutter and then do flutter clean.

Solution 6:[6]

Make sure

Preferences > Editor > Intentions > Quick assist powered by the Dart Analysis Server

is enabled (Screenshot).

If so, most likely your Dart Analysis server is crashing. Navigate to your HOME folder:

cd ~

And then below should resolve your issue:

sudo chown -R $USER .dart .flutter

Clear your cache if the issue still exists:

File > Invalidate Caches > Clear file system cache and Local History > Invalidate and Restart.

Also, Power Save Mode should be disabled:

File > Power Save Mode

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Deven Bhadane
Solution 2 Danny Tuppeny
Solution 3 Sourav Ganguly
Solution 4 Shimron Alakkal
Solution 5 Shivam Modi
Solution 6 Ehsan Akbari