Esta web usa cookies propias y de terceros para mejorar la navegación y obtener datos estadísticos de la misma. Si continua navegando, consideramos que acepta su uso. Puede cambiar la configuración u obtener más información  Aquí Aceptar

Los 17 Top Packages de Flutter, librerías que utilizarás seguro

Recogemos los paquetes de Flutter más utilizados por la comunidad

Utiliza estas librerías para añadir, chat, mapas y muchos otros a tu proyecto

El “nuevo” framework de Google se llama Flutter, y aunque fué lanzado hace unos meses, todo apunta a mediados de 2019 para que el proyecto vea la luz en su máximo esplendor.


Última hora: Google anuncia el Flutter Live para el 4 de Diciembre, evento donde explicará las últimas noticias sobre Flutter en el Museo científico de Londres aunque podrás seguirlo en versión livestream desde este link



Flutter es el punto de inflexión, que cambiará la tendencia del desarrollo de apps multiplataforma prácticamente 100% nativas lejos del modelo híbrido que impera actualmente.

La comunidad de desarrolladores ha decidido implicarse para asegurar el futuro del proyecto y cubrir todas esas necesidades a las que aún no llega la versión oficial.

Los packages para Flutter son la solución para impulsar el proyecto a pesar de su temprana edad. Las librerías de terceros que complementan el código proporcionado por el framework nutren todo el ecosistema y llaman tanto a empresas como desarrolladores freelance a participar y emprender sus propias apps con Flutter.



Top1: Package para mapas


Aunque Flutter ya incluya algunas funciones básicas de mapas, quedan muy lejos aún de lo que los clientes quieren realmente. Aquí os dejamos la guía oficial de la clase para que le echéis un ojo.

Si queremos más funciones, como veremos también en los siguientes puntos, debemos recurrir a librerías de terceros (la comunidad) que nos faciliten funciones ya desarrolladas. Gracias a AppTree puedes descargar clickando aquí el primer package Flutter de este top con el que podrás:


  • Actualizar la posición de la cámara
  • Añadir puntos (marcados) al mapa.
  • Recibir devoluciones de llamada al cambiar de ubicación
  • Hacer Zoom a un conjunto de anotaciones
  • Cambiar el color de los pines y personalizar la imagen del pin
  • Realizar poligonos sobre el mapa para señalar áreas
  • Soporte para Android y iOS y de la barra de herramientas


Top 2: Package para chat multiplataforma a tiempo real


Gracias al package para chat en la nube del propio Flutter Team que puedes descargar desde aquí, los usuarios de la app podrán enviarse mensajes a tiempo real y tu podrás hacerlo posible fácilmente. Este paquete es de los más veteranos y ya va por la versión 2.0.3 lo nos dice que es muy completo y estable.

Este paquete te ayuda a mantener el chat activo tanto con la aplicación trabajando tanto en background como en terminated y funciona gracias a firebase.

Para seguir hablando de Firebase, pasamos al siguiente punto.



Top 3: Compatibilidad con Firebase y SQL.


Firebase es la base de datos de Google especialmente creada para funcionar de forma multiplataforma y con aplicaciones móviles.

La principal característica de esta es su capacidad para actualizar datos en tiempo real dentro de la app como os contabamos en el apartado anterior sobre sus capacidades aplicadas a un chat.

Firebase se aleja del modelo de consultas SQL al que estamos acostumbrados propiendo JSON como alternativa.

Para empezar con esta nueva tecnología te recomendamos este tutorial de nivel básico y posteriormente este más avanzado.

Ahora que ya conoces Firebase, con este package podrás integrarlo a tu proyecto en Dart para hacer apps totalmente dinámicas.



Top 4: Subida de imágenes desde la galería y la cámara.


En este caso cuesta de creer que estas funcionalidades aun no formen parte del core de Flutter pero hasta entonces disponemos de un package para subir imágenes desde la galería y la cámara. → https://pub.dartlang.org/packages/image_picker



Top 5: Pasarela de pagos


Realizar compras integradas dentro de una app es indispensable para la monetización del 90% de estas.

Rentabilizar un proyecto es el requisito indispensable para su desarrollo y aunque existan casos, hacerlo completamente mediante publicidad tipo Google ads es muy complicado.

La forma más rápida y segura de obtener ingresos es por la compraventa de un producto o servicio a través de la aplicación móvil, es decir compras dentro de la app.

Para lograrlo necesitaremos un package de pagos a la altura como Flutter Paystack.

Gracias a este paquete para pagos con la app podemos:


  • Validar el número de la tarjeta.

  • Comprobar que el CVC es correcto.

  • Validación de la fecha de expiración de la tarjeta.

  • Entre muchos otros...


Top 6: Webview next level


Este paquete permite renderizar html como si fuera un Widget y utilizar los siguientes tags propios del lenguaje para webs:


  • p
  • em
  • b
  • img
  • video
  • h1, h2, h3, h4, h5, h6


Top 7: Login con Google, Facebook e email.


Loguearse en una app mediante las redes sociales es especialmente útil para el usuario. Con solo dos clicks y sin rellenar ni un solo campo el propietario de la app ya puede conocer sus datos básicos identificativos y el usuario utilizar la aplicación.
En términos de usabilidad nos evita rellenar con información genérica muchos apartados. Conseguimos no molestar al usuario con un tiempo desperdiciado que puede aprovechar para empezar a manejar la aplicación que al final es su objetivo al descargarla.

Para la acceder a una app mediante Google necesitas este package y para facebook este otro.



Top 8: ¿Cómo añadir múltiples idiomas a flutter?


En este tutorial de Fluttter aprenderás:
Cómo trackear la localidad de un dispositivo (para conocer el lenguaje de preferencia del usuario).
Cómo trabajar valores específicos asociados a la localidad.
Cómo definir el soporte local para la app.

(Este tutorial es uno de los imprescindibles para programar en dart por lo que es prácticamente obligatorio consultarlo).



Top 9: Uso de la cámara para leer QR o Barcodes.


Barcode Scanner es de los package más fiable actualmente en Flutter para trabajar con códigos de barras.

Soporta tanto códigos de barras 2D como códigos tipo QR. Además permiten controlar el uso del flash mientras escaneas y solo requiere del permiso de cámara para funcionar.

Podrás realizar todas las funciones básicas tanto en Android como iOS.



Top 10: Compartir contenidos.


Compartir contenidos de la app mediante redes sociales es una función muy extendida y popularizada en especial para redes sociales.
Cuando vemos algo que nos sorprende o que relacionamos con alguien, el comportamiento más popular es querer compartir ese contenido que nos ha generado satisfacción, dudas o descontento.

Share es el package de Flutter para compartir contenidos y puedes encontrar toda la información que necesitas clickando en este link.



Top 11: Integración de iconos font awesome.


Utilizar iconos es imprescindible para señalar los diferentes elementos dentro de las pantallas que forman una app.

De hecho, los iconos son mucho más que imágenes, simbolizan ideas que tenemos asociadas a funciones específicas y conforman el lenguaje de las aplicaciones móviles.


Este lenguaje trasciende y es fácil de entender independientemente del idioma que hable el usuario, por ello son tan importantes.

Y si hablamos de iconos, hay un referente que recoje los más populares llamada Font Awesome y gracias a este package puedes integrar sus iconos en Flutter.



Top 12: Gráficos.


Gracias al paquete "Charts Flutter" podrás crear todo tipo de gráficos. Por poner algunos ejemplos en esta web verás ejemplos gráficos con diseños Material Design entre los cuales:



  • 17 Gráficos de barras.

  • 8 Gráficos de series.

  • 11 Gráficos lineales.

  • 4 Gráficos de dispersión.

  • 4 Ejemplos de gráficos combinados.

  • 6 Gráficos circulares.

  • 18 Gráficos axiales.

  • 5 Leyendas.

  • 12 Gráficos de comportamiento.


Top 13: Gridviews.


Si bien es cierto que entre los Widgets de flutter ya existe una clase para crear GridViews como un array 2D de Widgets, gracias a este package podrás hacer mucho más.

Este paquete permite por ejemplo:



  • Crear un eje principal sobre el que encajar todos los elementos.

  • SliverStaggeredGrid para usar dentro de un CustomScrollView.

  • Márgenes de los ejes entre elementos configurables.

  • Diseño de rejilla escalonados y Spannable.

  • Los mosaicos pueden tener extensiones fijas o ser un múltiplo de la longitud de la celda.

  • Extensión máxima del eje transversal configurable.


Top 14: Barra de búsqueda.


Si eres de los que no quieren complicarse la vida el Flutter Search Bar package te permitirá crear fácilmente una barra de búsqueda en dart con diseño material.



Top 15: Pedir permisos más fácilmente.


El paquete Simple permissions permite pedir y revisar los permisos concedidos o que requieren las funciones de la app.

Entre los cuales están:


enum Permission {
// Microphone
RecordAudio,

// Camera
Camera,

// Read External Storage (Android)
ReadExternalStorage

// Write External Storage (Android)
WriteExternalStorage,

// Access Coarse Location (Android) / When In Use iOS
AccessCoarseLocation,

// Access Fine Location (Android) / When In Use iOS
AccessFineLocation,

// Access Fine Location (Android) / When In Use iOS
WhenInUseLocation,

// Access Fine Location (Android) / Always Location iOS
AlwaysLocation

// Write contacts (Android) / Contacts iOS
WriteContacts

// Read contacts (Android) / Contacts iOS
ReadContacts
}


Top 16: Notificaciones.


Local notifications es un plugin multiplataforma para mostrar notificaciones de forma local.

Sus características y funciones son verdaderamente amplias por lo que te recomendamos visitar su web para consultarlas.



Top 17: Para meter Admob.


Admob es la plataforma de Google para cargar y mostrar publicidad de la red de los publicistas que recurren a Google en forma de banners.

Para implementar esta función que es la principal fuente de ingresos de muchas de las aplicaciones móviles que encontramos en la Play necesitarás utilizar el paquete Firebase Admob.

R. Heras KAM

¿QUIERES UNA APP?

Pide presupuesto para desarrollar una app. Si lo deseas, indícanos si la quieres crear en Barcelona, Madrid, Nueva York o Londres.

Introduce el código de validación:
captcha