Flutter | Qu茅 es y c贸mo instalarlo

Flutter es la soluci贸n de Google para el desarrollo de apps nativas. En s铆 mismo, Flutter es un SDK (Software Development Kit) desarrollado por Google, para crear aplicaciones multiplataforma. Es decir, escribiendo un solo c贸digo con Flutter, podemos obtener la misma aplicaci贸n para Android, iOS y Web.


Navegaci贸n r谩pida



驴Qu茅 es Flutter?

Flutter es el nombre del proyecto o del producto, por llamarlo de alguna manera. Cuando nos referimos al lenguaje de programaci贸n utilizado en Flutter, nos referimos a DART. Antiguamente conocido como DASH, lleva desde octubre de 2011 entre nosotros. Es un lenguaje orientado a objetos como Java o C#, es muy f谩cil de aprender. DART est谩 orientado a utilizar Widgets para todo, lo que en Android es una 鈥榁iew鈥 en DART es un Widget.

Existen widgets est谩ticos o din谩micos, que se conocen como 芦StatelessWidget芦(sin estado) o 芦StatefulWidget禄 (con estado) respectivamente. Profundizaremos m谩s en la programaci贸n en Dart en otros art铆culos, pero tengo que decirte que existen una multitud de widgets para utilizar en tus apps. Los widgets en Flutter se organizan en forma de 谩rbol, en relaci贸n 鈥榩adre-hijo鈥.

Como te he explicado antes, diferenciamos 2 tipos de widgets, con y sin estado. Cuando hablamos del estado de un widget (que en Dart lo declaramos como un objeto State), hacemos referencia a todos esos valores (variables mostradas en pantalla) que pueden cambiar, como el valor de un texto, una imagen o un fondo.

Tras esta breve introducci贸n vamos a lo interesante鈥



Descargar Flutter

Antes de instalar nada tienes que asegurarte de cumplir ciertos requisitos (para Windows). Estos son:

  • Versi贸n del sistema: Windows 7 SP1 o superior(64-bit)
  • Espacio libre en disco: 400 MB.
  • IDE: Android Studio
  • Windows PowerShell 5.0 o superior (instalada por defecto en Windows 10)
  • Git 2.x, con la opci贸n 芦Usar Git desde la consola de Windows禄.

Si cumples con los requisitos de arriba, ya puedes pasar a descargar Flutter desde este enlace (v1.5.4)



Instalar Flutter

Una vez descargado extrae el contenido del zip en una carpeta. Como ejemplo yo la extraer茅 en:

芦C:\flutter禄

Cuando termine de extraer el paquete, localiza el archivo 芦flutter_console.bat禄 y ejec煤talo. Esto que ves es la consola de Flutter, aqu铆 puedes ejecutar comandos para crear un nuevo proyecto. Aunque en nuestro caso utilizaremos Android Studio para crearlos. No cierres la consola a煤n, en el siguiente paso la necesitar谩s.

Flutter Doctor

Este comando te permite verificar la instalaci贸n de Flutter y sus dependencias. Revisar谩 el sistema en busca de todo lo necesario para poder ejecutarse correctamente.

Para utilizarlo, en la consola de Flutter que has abierto antes, escribe 芦flutter doctor禄 (sin comillas). Este proceso puede llevar unos minutos. En mi caso los errores que ha reportado son estos:

Flutter Doctor ha detectado que no tengo instalados a煤n los plugin de Flutter y Dart en Android Studio. Es lo m谩s normal, puesto que a煤n est谩n instalados.

Por otro lado saca una advertencia, diciendo que no ha detectado ning煤n dispositivo conectado donde ejecutar poder las apps, ya sea emulador o dispositivo f铆sico.

Vamos ahora a instalar los plugins que faltan en Android Studio. Para ello en Android Studio, vamos al men煤 芦File > Setting > Plugins禄.

En la parte superior puedes buscar por nombre de plugin, empieza buscando flutter e instala el plugin:

Al instalarlo, detectar谩 que depende y necesita el otro plugin, Dart. Te mostrar谩 un aviso para instalarlo tambi茅n:

Una vez finalizada la instalaci贸n del plugin, podr谩s ver que el bot贸n de instalaci贸n que has pulsado se ha convertido en 芦Restart IDE禄. Lo has adivinado, tienes que pulsarlo.

Android Studio se reiniciar谩 y completar谩 la instalaci贸n de los plugins. Ahora puedes volver a ejecutar flutter doctor y verificar que no aparece el error que ten铆as antes referente a los plugins.

Si has llegado hasta aqu铆 ya tienes Flutter completamente instalado. En siguientes art铆culos veremos como crear tu primera aplicaci贸n, para que empieces a familiarizarte con el nuevo lenguaje.

Si has tenido alg煤n problema con la instalaci贸n o tienes alguna duda puedes dej谩rnosla aqu铆 abajo. 馃榾

Mario Cam铆

Desarrollador de aplicaciones Android. Amante de todo lo Open Source, de los videojuegos y nuevas tecnolog铆as. En mi tiempo libre comparto todo lo aprendido y lo que aprendo en el desarrollo de Android a modo de art铆culo en el blog. La informaci贸n nos har谩 libres!

Tambi茅n te podr铆a gustar...

Veces compartido
隆No te pierdas ning煤n art铆culo!

Suscr铆bete a nuestro newsletter semanal y ser谩s el primerio en enterarte de todo el nuevo contenido del blog.