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 ‘View’ 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 ‘padre-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...

Deja un comentario

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

Veces compartido