Se ha lanzado la versión beta de ArcGIS Maps SDK para Flutter. En este artículo, presentamos el anuncio del lanzamiento y una visión general del SDK, traduciendo el artículo de Esri en EE.UU., "Anunciando la nueva versión beta de ArcGIS Maps SDK para Flutter".
Introducción
Con el lanzamiento de la primera versión beta pública de ArcGIS Maps SDK para Flutter, los desarrolladores ahora tienen una nueva forma de crear aplicaciones móviles nativas multiplataforma con las capacidades de ArcGIS.
En esta publicación del blog, presentamos las principales características y beneficios del nuevo ArcGIS Maps SDK para Flutter, así como una introducción a Flutter en sí.
El acceso a la versión beta está disponible en el sitio Early Adopter de Esri, pero para más detalles sobre este SDK que se une a la familia ArcGIS Maps SDKs for Native Apps, ¡consulte este artículo!
Flutter
Flutter es una tecnología de código abierto creada por Google que está ganando rápidamente popularidad en el desarrollo móvil multiplataforma gracias a sus abundantes herramientas, funciones productivas, una comunidad fuerte de desarrolladores y ciclos rápidos de desarrollo. El framework Flutter se basa en Dart (un lenguaje de programación moderno y conciso) y es un framework UI reactivo y declarativo diseñado para construir aplicaciones multiplataforma compiladas nativamente. Su entorno de herramientas de primera clase y la rápida creación de prototipos permiten a los desarrolladores construir diseños de aplicaciones sin interrupciones y reutilizarlos.
Para conocer las razones detrás del lanzamiento de ArcGIS Maps SDK para Flutter, consulte el anteriorartículo del blog.
Versión beta de ArcGIS Maps SDK para Flutter
Flutter Maps SDK combina las ventajas y funcionalidades de Flutter con las capacidades geoespaciales y de localización del ArcGIS Maps SDK for Native Apps. Aquellos familiarizados con la familia Native SDK se sentirán cómodos rápidamente con las funciones iniciales de esta versión beta del Flutter Maps SDK, como mapeo, geocodificación, enrutamiento y API offline.
Como producto beta, el SDK recibirá funciones gradualmente. Esta primera versión beta se centra en la visualización básica de mapas 2D online/offline, geocodificación, enrutamiento y flujos de trabajo para edición de datos. Se agregarán más funciones con cada nueva versión hasta alcanzar la paridad con otros Native SDK. Para más detalles, consulte el sitio Early Adopter.
Para ofrecer un resumen funcional del Flutter Maps SDK beta, hemos preparado un repositorio en GitHub llamadoRepositorio de ejemplos de ArcGIS Maps SDK para Flutter. Este repositorio se actualiza continuamente con nuevos ejemplos y es un componente clave del SDK.
Puede revisar varios ejemplos que demuestran las funcionalidades del beta de ArcGIS Maps SDK para Flutter.
Este repositorio incluye código ejemplo que muestra las funcionalidades del Flutter Maps SDK beta y cómo usarlas en su propia aplicación. Explica cómo ejecutar flujos típicos del Native SDK dentro de una app Flutter con ejemplos como:
Capas | Renderizadores | Visualización de símbolos |
|---|
Visualización del mapa | Geometría | Enrutamiento |
Geocodificación | Visualización de atributos | Flujos offline |
Consultas | Entidades (features) | Ubicación |
Visualización de datos | Autenticación | Paquete móvil de mapas (Mobile Map Package) |
El repositorio también incluye una aplicación visualizadora de ejemplos que puede ejecutarse en simuladores o dispositivos iOS y Android, permitiendo a los desarrolladores ver los ejemplos agrupados o individualmente con facilidad.
El conjunto de ejemplos en el repositorio beta muestra funcionalidades como ubicación del dispositivo, lupa y enrutamiento.
Desde el sitio Early Adopter puede descargar el paquete beta del Flutter Maps SDK y, tras seguir las instrucciones iniciales, estará listo para crear su primera aplicación con Flutter Maps SDK. Recuerde que con Flutter puede construir desde una sola base de código aplicaciones que se ejecutan tanto en emuladores como dispositivos iOS y Android.
A continuación explicamos los conceptos principales para construir con Flutter y cómo combinarlos con las capacidades de ArcGIS.
Widget Flutter
El concepto central en Flutter es que la interfaz se construye con Widgets Flutter. Los widgets son componentes UI que definen tanto el diseño como elementos interactivos y gestionan estado.
Al crear una app con cualquier Native SDK, la vista del mapa (Map View) funciona como interfaz mostrando capas y gráficos. En la versión beta del Flutter Maps SDK, la clase ArcGISMapView también es un widget que permite controlar completamente dónde colocar el mapa dentro de la aplicación. Por ejemplo, puede envolverlo en un widget Stack para superponer controles UI o en un widget Expanded para llenar el espacio restante en pantalla.
Ejemplo del árbol de widgets mostrando el widget ArcGISMapView dentro del widget Stack en el ejemplo Set Basemap.
También puede envolver widgets existentes con nuevos widgets o eliminarlos según los requisitos del diseño usando su IDE preferido para Flutter. El árbol de widgets ofrece una referencia sencilla para entender la arquitectura del diseño app.
Con esto en mente sobre diseño app, pasemos a hablar sobre la función hot reload (recarga rápida) en Flutter. Esta permite actualizar el diseño UI en vivo en dispositivo o emulador sin recompilar.
Hot Reload (Recarga rápida)
Una función popular en Flutter es Stateful Hot Reload (también llamada hot reload). Funciona insertando código actualizado en la Máquina Virtual Dart (Dart VM), que al actualizarse hace que Flutter reconstruya el árbol de widgets.
Por ejemplo, como demostró la ingeniera Flutter Jennifer Merritt durante la Cumbre para Desarrolladores 2024 celebrada en Palm Springs, puede actualizar código para mover botones dentro de la app.
Otro ejemplo es cambiar rápidamente el tema visual desde uno morado a uno blanco y azul para prototipar cambios visuales (en este caso usando el ejemplo Set Basemap).
Ejemplo mostrando cómo usar hot reload para verificar fácilmente cambios visuales en una app con ArcGIS Maps SDK para Flutter.
Conclusión
¡Le invitamos a probar la nueva versión beta del ArcGIS Maps SDK para Flutter! La beta está disponible desde el sitio Early Adopter, y puede revisar ejemplos desde el repositorio GitHub con ejemplos del ArcGIS Maps SDK para Flutter. Combine las capacidades de ArcGIS con la productividad de Flutter para construir aplicaciones móviles multiplataforma.
El sitio Early Adopter cuenta con un foro dedicado donde puede compartir qué le gusta del Flutter Maps SDK o qué otras funciones le gustaría ver.
Próximamente presentaremos cómo crear aplicaciones geoespaciales usando esta nueva versión beta en el blog oficial de ArcGIS.
