Diferencia entre revisiones de «Flutter Emuladores»

De MediaWiki
Ir a la navegación Ir a la búsqueda
 
(No se muestran 2 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
−
 
+
==Introducción==
  
 
* Una vez [https://wiki.cifprodolfoucha.es/index.php?title=Flutter_Instalaci%C3%B3n#Android_Studio instalado el Android Studio] es necesario crear algún emulador a través del AVD (Android Virtual Device) Manager.
 
* Una vez [https://wiki.cifprodolfoucha.es/index.php?title=Flutter_Instalaci%C3%B3n#Android_Studio instalado el Android Studio] es necesario crear algún emulador a través del AVD (Android Virtual Device) Manager.
Línea 12: Línea 12:
  
  
 +
 +
<br />
 +
==VS Code==
 +
 +
* En VS Code no tenemos una herramienta equivalente al explorador de archivos de Android Studio (explicado a continuación).
 +
: Las opciones serían:
 +
:* Emplear la [https://wiki.cifprodolfoucha.es/index.php?title=Android_Debug_Bridge:_ADB herramienta adb] para transferir archivos al emulador o sacarlos del mismo.
 +
:* Abrir el proyecto Flutter con el Android Studio o crear uno nuevo para poder acceder al explorador.
 +
:* Buscar una herramienta de terceros que permita acceder a las tarjetas del emulador.
 +
 +
 +
 +
 +
 +
<br />
 +
 +
==Android Studio==
  
 
* Al crear un proyecto Flutter, el [https://wiki.cifprodolfoucha.es/index.php?title=Dispositivos_Virtuais_de_Android:_AVD#SDCard_-_Device_File_Explorer Device File Explorer] no se visualizará.
 
* Al crear un proyecto Flutter, el [https://wiki.cifprodolfoucha.es/index.php?title=Dispositivos_Virtuais_de_Android:_AVD#SDCard_-_Device_File_Explorer Device File Explorer] no se visualizará.
Línea 22: Línea 39:
 
Image:Flutter_dart_emuladores_4.JPG| En la sección '''Project''' seleccionamos alguno de los API SDK que tengamos instalado y presionamos el botón Apply '''y reiniciamos el Android Studio'''.  
 
Image:Flutter_dart_emuladores_4.JPG| En la sección '''Project''' seleccionamos alguno de los API SDK que tengamos instalado y presionamos el botón Apply '''y reiniciamos el Android Studio'''.  
 
Image:Flutter_dart_emuladores_5.JPG| Una vez reiniciado, podremos iniciar un emulador con el AVD Manager y aparecerá en un lateral del Android Studio la ventana Device File Explorer.  
 
Image:Flutter_dart_emuladores_5.JPG| Una vez reiniciado, podremos iniciar un emulador con el AVD Manager y aparecerá en un lateral del Android Studio la ventana Device File Explorer.  
−
Image:Flutter_dart_emuladores_6.JPG| Cambiaremos al modo de 'vista' Proyect para que se visualicen todos los archivos del proyecto Flutter.  
+
Image:Flutter_dart_emuladores_6.JPG| Cambiaremos al modo de 'vista' '''Project''' para que se visualicen todos los archivos del proyecto Flutter.  
 
</gallery>
 
</gallery>
  

Revisión actual del 16:00 3 oct 2024

Introducción

En este enlace explico como hacerlo (lenguaje en Gallego).


  • En caso de tener Flutter instalado en MacOS, necesitamos tener instalado Xcode y ejecutar desde consola: open -a Simulator.
Se puede simular de diferentes formas un IOS desde Windows, como por ejemplo:
  • Crear una máquina virtual con MacOS y XCode instalado (y ejecutar la orden anterior). Un ejemplo de como hacerlo.
  • Si sólo necesitamos ver como queda la UI sobre un IPhone, podemos situarnos en el Flutter Inspector y con el botón derecho escoger la opción Toggle Platform Mode




VS Code

  • En VS Code no tenemos una herramienta equivalente al explorador de archivos de Android Studio (explicado a continuación).
Las opciones serían:
  • Emplear la herramienta adb para transferir archivos al emulador o sacarlos del mismo.
  • Abrir el proyecto Flutter con el Android Studio o crear uno nuevo para poder acceder al explorador.
  • Buscar una herramienta de terceros que permita acceder a las tarjetas del emulador.




Android Studio

Para que aparezca, una vez creado el proyecto Flutter, tenemos que hacer los siguientes ajustes:
  • Visualizar la herramienta Device File Explorer en proyecto Flutter

  • Abrimos la ventana Project Structure.

  • En la sección de Modules presionamos el botón +.

  • Escojemos el módulo Android.

  • En la sección Project seleccionamos alguno de los API SDK que tengamos instalado y presionamos el botón Apply y reiniciamos el Android Studio.

  • Una vez reiniciado, podremos iniciar un emulador con el AVD Manager y aparecerá en un lateral del Android Studio la ventana Device File Explorer.

  • Cambiaremos al modo de 'vista' Project para que se visualicen todos los archivos del proyecto Flutter.




Enlace a la página principal de la UD1

Enlace a la página principal del curso




-- Ángel D. Fernández González -- (2021).

Obtenido de «https://wiki.cifprodolfoucha.es/index.php?title=Flutter_Emuladores&oldid=22942»