web-dev-qa-db-fra.com

Comment entourer un widget Flutter dans vscode

Vous vous demandez simplement s'il existe un raccourci ou une extension dans le code de Visual Studio pour entourer un bloc de code - ou plus précisément, mettre en surbrillance le nom du widget, puis entourer celui des enfants.

C’est souvent le cas où j’ai créé, disons un:

Padding(
  padding: EdgeInsets.all(10.0),
  child: Container(
  ...

Mais après quelques écrits, je veux entourer cette Padding avec quelque chose d'autre, comme un Column ou Row. En l'état, je dois préfixer la Padding avec Row( child:, puis faire défiler et ajouter le nouveau), `

N'y a-t-il pas moyen de sélectionner simplement la variable Padding, puis de dire à vs code que je vais préfixer ceci, alors ajoutez le crochet pour moi?

J'ai bien vu cela en action dans IntelliJ 

6
arkade

Sûr!

Vscode offre quelques options de refactor, dont Wrap with Column

 enter image description here

Faites un clic droit sur un widget et appuyez sur "Refactor".

17
Rémi Rousselet

Placez votre curseur dans le widget que vous souhaitez modifier et utilisez le raccourci CTRL + . pour afficher les options. Ça va le faire. 

8
nonybrighto

Faites un clic droit sur le widget et choisissez 'refactor', puis 'wrap with new widget'