Diferencia entre revisiones de «Flutter Emuladores»

De MediaWiki
Ir a la navegación Ir a la búsqueda
 
(No se muestran 9 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.
 +
: En [https://wiki.cifprodolfoucha.es/index.php?title=Dispositivos_Virtuais_de_Android:_AVD este enlace] explico como hacerlo (lenguaje en Gallego).
 +
 +
 +
* En caso de tener Flutter [https://flutter.dev/docs/get-started/install/macos 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 [https://medium.com/flutter-community/developing-and-debugging-flutter-apps-for-ios-without-a-mac-8d362a8ec667 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'''
 +
 +
 +
 +
 +
<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.
 +
  
  
  
−
* Una vez instalado y ejecutado el asistente es necesario crear algún emulador a través del AVD (Android Virtual Device) Manager.
 
−
: En [https://wiki.cifprodolfoucha.es/index.php?title=Dispositivos_Virtuais_de_Android:_AVD este enlace] explico como hacerlo (lenguaje en Gallego).
 
  
 +
<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á.
 +
: Para que aparezca, una vez creado el proyecto Flutter, tenemos que hacer los siguientes ajustes:
  
 +
<gallery caption="Visualizar la herramienta Device File Explorer en proyecto Flutter" widths="350" heights="300px" perrow="2">
 +
Image:Flutter_dart_emuladores_1.JPG| Abrimos la ventana '''Project Structure'''.
 +
Image:Flutter_dart_emuladores_2.JPG| En la sección de '''Modules''' presionamos el botón +.
 +
Image:Flutter_dart_emuladores_3.JPG| Escojemos el módulo '''Android'''.
 +
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_6.JPG| Cambiaremos al modo de 'vista' '''Project''' para que se visualicen todos los archivos del proyecto Flutter.
 +
</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»