Saltar al contenido

Atajo para extraer el widget Flutter del diseño de la interfaz de usuario

Solución:

Estoy actualizando esta respuesta tanto para Android Studio como para VS Code

Estudio de Android

Método 1

Teclas de atajo:

  • Windows / Linux: Coloque el cursor sobre el nombre del widget y presione control+Alt+METRO para extraerlo como método o control+Alt+W para extraerlo como un widget.
  • Mac OS: Coloque el cursor sobre el nombre del widget y presione Opción+Mando+METRO para extraerlo como método o Opción+Mando+W para extraerlo como un widget.

También puede lograr lo mismo haciendo clic derecho en el nombre del widget y eligiendo Refactorizar> Extraer desde el menú contextual.

Método 2

También puede extraer un widget en un método o un nuevo widget desde el menú Flutter Outline.

  1. Hacer clic Contorno de aleteo en el lado superior izquierdo
  2. Seleccione el widget en el esquema
  3. Haga clic derecho y elija Método de extracción … o Extraer widget …
  4. Dale un nombre

ingrese la descripción de la imagen aquí

Código de Visual Studio

Coloque el cursor sobre el nombre del widget y presione Mando+. en una Mac o control+. en una PC. Entonces escoge Método o Widget desde el menú contextual.

Para extraer un código particular de Flutter en Estudio de Android para varialbe, constant, method, o como un Widget.

1. Seleccione un bloque de código que desee extraer.

ingrese la descripción de la imagen aquí

2. Haga clic derecho -> Refactor -> Extraer -> Seleccione el tipo de refactor que desea.

ingrese la descripción de la imagen aquí

Shortcuts varían según la configuración de su estudio de Android, pero los accesos directos también están escritos allí para facilitar su tarea.

Puedes hacer esto fácilmente con el comando Alt+Ingresar.

En este post está muy bien explicado.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *