A versão beta do ArcGIS Maps SDK para Flutter foi lançada. Neste artigo, apresentamos o anúncio do lançamento e uma visão geral do SDK, traduzindo o artigo da Esri dos EUA, Anunciando a nova versão beta do ArcGIS Maps SDK para Flutter .
Introdução
Com o lançamento da primeira versão beta pública do ArcGIS Maps SDK para Flutter, os desenvolvedores agora têm uma nova maneira de criar aplicativos móveis nativos multiplataforma com recursos do ArcGIS.
Neste post do blog, apresentaremos os principais recursos e benefícios do novo ArcGIS Maps SDK para Flutter, além de falar um pouco sobre o próprio Flutter.
O acesso à versão beta está disponível no site Early Adopter, mas para mais detalhes sobre este SDK recém-adicionado à família ArcGIS Maps SDKs for Native Apps, confira este artigo!
Flutter
Flutter é uma tecnologia open source criada pelo Google que tem ganhado popularidade rapidamente no desenvolvimento de aplicativos móveis multiplataforma devido às suas ferramentas ricas, recursos produtivos, comunidade forte de desenvolvedores e ciclo rápido de desenvolvimento. O framework Flutter é baseado em Dart (uma linguagem de programação moderna e concisa) e é um framework UI reativo e declarativo projetado para construir aplicativos multiplataforma compilados nativamente. Seu ambiente de ferramentas de primeira classe e prototipagem rápida permitem que os desenvolvedores construam e iterem designs de aplicativos perfeitamente.
Para entender por que decidimos lançar o ArcGIS Maps SDK para Flutter, consulte o post anterior no blog.
Versão beta do ArcGIS Maps SDK para Flutter
O Flutter Maps SDK combina as vantagens e funcionalidades do Flutter com as capacidades geoespaciais e de localização do ArcGIS Maps SDK for Native Apps! Se você já está familiarizado com a família Native SDK, poderá se adaptar rapidamente aos recursos desta primeira versão beta do Flutter Maps SDK, como mapeamento, geocodificação, roteamento e APIs offline.
Como produto beta, o SDK terá funcionalidades adicionadas gradualmente. Esta primeira versão beta foca na exibição básica de mapas 2D online/offline, geocodificação, roteamento e fluxos de trabalho de edição de dados. Planejamos adicionar recursos a cada nova versão até alcançar a paridade com outros Native SDKs. Para mais detalhes, visite o site Early Adopter.
Para dar uma visão geral dos recursos da versão beta do Flutter Maps SDK, preparamos um repositório de exemplos do ArcGIS Maps SDK para Flutter no GitHub. Este repositório é atualizado regularmente com novos exemplos e é um componente importante de todo o SDK.
Você pode conferir vários exemplos que demonstram os recursos da versão beta do ArcGIS Maps SDK para Flutter.
Este repositório contém código exemplo que mostra as funcionalidades da versão beta do Flutter Maps SDK e como usá-las em seu próprio aplicativo. Ele demonstra como executar fluxos de trabalho típicos dos Native SDKs em aplicativos Flutter com exemplos como:
Camadas | Renderizadores | Exibição de símbolos |
|---|
Exibição de mapas | Geometria | Roteamento |
Geocodificação | Exibição de atributos | Fluxo de trabalho offline |
Consultas | Feições | Localização |
Exibição de dados | Autenticação | Pacote móvel de mapas (MMPK) |
O repositório também inclui um aplicativo visualizador de exemplos que pode ser executado em simuladores ou dispositivos iOS e Android, permitindo que os desenvolvedores visualizem facilmente todos os exemplos juntos ou individualmente.
O conjunto de exemplos no repositório beta do ArcGIS Maps SDK para Flutter apresenta funcionalidades como localização do dispositivo, lupa e roteamento.
Após baixar o pacote beta do Flutter Maps SDK no site Early Adopter e seguir as instruções iniciais, você estará pronto para criar seu primeiro aplicativo com o Flutter Maps SDK. Lembre-se que com Flutter você constrói um único código base que pode ser executado em emuladores ou dispositivos iOS e Android.
A seguir, explicaremos os principais conceitos da construção com Flutter e como eles podem ser combinados com as funcionalidades do ArcGIS.
Widget Flutter
O conceito central do Flutter é que a interface do usuário é construída usando Widgets Flutter. Widgets são componentes da UI do aplicativo que definem tanto layout quanto elementos interativos e também gerenciam estado.
Ao criar um aplicativo com qualquer Native SDK, a visualização do mapa (Map View) funciona como a interface que exibe camadas e gráficos no mapa. Na versão beta do Flutter Maps SDK, a própria classe ArcGISMapView é um widget, permitindo controle total sobre onde posicionar o mapa na aplicação. Por exemplo, você pode envolvê-lo em um widget Stack para sobrepor controles UI ou em um widget Expanded para preencher o espaço restante na tela do app.
Exemplo da árvore de widgets mostrando o widget ArcGISMapView dentro de um widget Stack no exemplo Set Basemap.
Você também pode facilmente refatorar widgets escolhidos no IDE para Flutter envolvendo widgets existentes em novos widgets ou removendo-os conforme os requisitos de design do app. A árvore de widgets do Flutter oferece uma referência simples para entender a arquitetura do design da aplicação.
Com foco no design da aplicação, vamos falar sobre o recurso hot reload do Flutter. Ele atualiza layouts UI ao vivo em dispositivos ou emuladores sem necessidade de recompilar.
Hot Reload (Recarga Quente)
Um recurso popular do Flutter é o Stateful Hot Reload (também chamado de hot reload). Ele funciona inserindo código atualizado na Dart Virtual Machine (VM), que quando atualizada faz com que o Flutter reconstrua a árvore de widgets.
Por exemplo, como demonstrado pela engenheira Flutter Jennifer Merritt na Developer Summit 2024 em Palm Springs, você pode atualizar o código para mover botões dentro do aplicativo.
Outro exemplo de hot reload está abaixo: atualizando o tema roxo para um tema branco e azul no app para prototipar rapidamente mudanças no design (neste caso usando o exemplo Set Basemap).
Exemplo mostrando como usar hot reload para verificar facilmente mudanças no design em um app usando o ArcGIS Maps SDK para Flutter.
Conclusão
Experimente a nova versão beta do ArcGIS Maps SDK para Flutter! A versão beta está disponível no site Early Adopter, e você pode conferir exemplos no repositório ArcGIS Maps SDK for Flutter Sample Repository no GitHubからサンプルをチェックできます。ArcGIS の機能と Flutter の生産性を組み合わせて、クロスプラットフォームのモバイル アプリケーションを構築してください。
Early Adopter サイトには専用のフォーラムが用意されていますので、Flutter Maps SDK の気に入っている点や、他にどんな機能が欲しいかなどをお知らせください!
新しい ArcGIS Maps SDK for Flutter ベータを使った地理空間アプリの作り方については、近日中に ArcGIS Blog でご紹介する予定です。