I am not able to preview the icons on vscode while browsing?

user_12950588 0
Viewed 6718

enter image description here

As seen in the picture I'm browsing the icons but none of them are shown. Is there a change in a new update or am I missing something here> it used to show the icons while I browsed.

flutter visual-studio-code
6 Answers

There should be an arrow appearing when you hover on the right side of the tooltip stating "read more". Simply click once and therefore the icons preview should always appear.

enter image description here

user_50373860

Pressing the Ctrl + space in windows can show and hide the icon

user_149236890

press ctrl+space two times, 1)to open icon menu 2)to preview the icon

user_134050810

go to preferences settings and search for "previewlsp" its a dart setting change it to true and restart VsCode then you will be able to preview icons.

user_142501400

I had the same issue. I maximized the VSCode editor, closed the navigation pane on left, and aligned the line most left then icon preview comes into the screen as you can see in the picture.

I don't know the root cause of the problem but the above scenario fixed my issue and it works now. It might be a Flutter/Dart extension-related topic.

If I would find the real root cause and proper solution, I will update my answer. I hope this workaround works for you too.

screenshot

user_146249640

It works for me with setting Dart Preview Flutter Ui Guides setting

  1. Go to Setting and search "preview"
  2. Go to Dart part(see the left part)
  3. check Dart:Preview Flutter Ui Guides Setting image
user_156729220
Related