Entrar Ainda não tem acesso?
2
respostas

Quadro de Sugestões do Android Studio no VsCode

Referente ao curso Flutter: Widgets, Stateless, Stateful, Imagens e Animações, no capítulo Utilizando Widgets e atividade Entendendo Container e Stack

por Eduardo Alberto Somacal
| 242.5k xp | 21 posts
Analista de Desenvolvimento de Negócios

Olá,

Alguém sabe como faço para esse quadro de sugestões aparecer no Visual Studio? Não encontrei como fazer isso, pois ajudaria muito. No meu VsCode apenas ele mostra a descrição daquele widget, mas não mostra as possibilidades, como no print abaixo (aula).

Talvez possa ser alguma extensão, mas não consegui localizar. Alguém conseguiria me ajudar?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Obrigado!

2 respostas
por Matheus Brandino
| 4803.7k xp | 10196 posts
Alura Scuba Team Mobile Software Engineer

Fala Eduardo, de boa ?

Cara acredito que no vs code não tenha isso :(

por Ricarth Lima
| 77.9k xp | 56 posts
Instrutor Instrutor

Fala Eduardo, tudo bom?

Seria isso que você espera no VSCode certo?

Na imagem temos o exemplo do comportamento esperado onde informações sobre a classe Stack são mostradas ao passar o mouse por cima.

Se tudo estiver funcionando corretamente, basta passar o mouse por cima da classe que a dica será mostrada. Caso você esteja fazendo isso e não esteja funcionando, vamos seguir 3 passos para checar se conseguimos fazer aparecer tá?

Passo 01 - Instalar as Extensões do Dart e do Flutter

A primeira coisa é se certificar que as extensões de base estão instaladas. Para isso clique no botão com 4 quadradinhos na barra lateral ou use o atalho Ctrl + Shift + X.

Pesquise por "Dart" e instale a Extensão desenvolvida pelo Dart Code. Faça o mesmo instalando a "Flutter" desenvolvida pelo Dart Code também!

Na imagem temos as extensões Dart e Flutter instaladas.

Reinicie o VSCode e tente novamente!

Passo 02 - Desabilitar Extensões Conflitantes

Se o passo anterior não funcionar, talvez alguma outra extensão instalada esteja gerando conflito na hora de mostrar as dicas. Recomendo desabilitar todas as outras extensões (exceto a do Dart e do Flutter), reiniciar o VSCode e testar novamente. Se funcionar, reabilite uma por uma até achar qual estava causando o problema!

Passo 03 - Alterar arquivos de configurações

Se ainda assim não estiver funcionando, algo pode ter configurado seu VSCode para não mostrar essas dicas. Para ativá-las siga os passos:

  1. Pressione F1 para abrir o buscador de preferências
  2. Escreva "Settings" e clique em "Preferências: Abrir Preferências do Usuário"
  3. No campo de busca escreva "launch"
  4. Escolha a opção "Editar em settings.json"
  5. No arquivo que se abre procure por "editor.hover.enabled"
  6. Se você achar, mude o valor para "true"
  7. Caso não ache, cole a seguinte linha dentro das chaves mais externas: "editor.hover.enabled": true,
  8. Salve o arquivo e teste!

Na imagem temos o início do arquivo settings.json, onde a última linha aparente é a descrita no passo a passo.

Espero que funcione e qualquer coisa estamos por aqui! Valeuzão!