De bètaversie van ArcGIS Maps SDK voor Flutter is uitgebracht. In dit artikel vertalen en introduceren we de aankondiging en een overzicht van de SDK, afkomstig van het Amerikaanse Esri in het artikel Aankondiging van de nieuwe ArcGIS Maps SDK voor Flutter bèta .
Inleiding
Met de eerste openbare bèta-release van ArcGIS Maps SDK voor Flutter krijgen ontwikkelaars een nieuwe manier om cross-platform native mobiele applicaties te maken met ArcGIS-functionaliteit.
In deze blogpost introduceren we de belangrijkste functies en voordelen van de nieuwe ArcGIS Maps SDK voor Flutter, evenals Flutter zelf.
Toegang tot de bèta is mogelijk via Esri's Early Adopter-site, maar voor meer details over deze nieuw toegevoegde SDK aan de familie ArcGIS Maps SDKs for Native Apps, bekijk dit artikel!
Flutter
Flutter is een open-source technologie ontwikkeld door Google, die snel aan populariteit wint in cross-platform mobiele app-ontwikkeling dankzij zijn uitgebreide tools, productiviteitsfuncties, sterke ontwikkelaarscommunity en snelle ontwikkelingscycli. Het Flutter-framework is gebaseerd op Dart (een beknopte en moderne programmeertaal) en is een reactief en declaratief UI-framework ontworpen om native gecompileerde cross-platform applicaties te bouwen. Met zijn eersteklas tooling en snelle prototyping kunnen ontwikkelaars naadloos app-ontwerpen maken en hergebruiken.
Voor de redenen achter de release van ArcGIS Maps SDK voor Flutter, zie het eerdereblogartikel.
ArcGIS Maps SDK voor Flutter bèta
De Flutter Maps SDK combineert de voordelen en functies van Flutter met de georuimtelijke en locatiebewuste mogelijkheden van ArcGIS Maps SDK for Native Apps! Wie al vertrouwd is met de Native SDK-familie zal zich snel thuis voelen met functies zoals mapping, geocodering, routing en offline API's in deze eerste Flutter Maps SDK bèta.
Als bèta-product wordt er stapsgewijs functionaliteit toegevoegd aan de SDK. Deze eerste bèta richt zich op basisweergave van online/offline 2D-kaarten, geocodering, routing en data-bewerkingsworkflows. We zullen bij elke nieuwe release functies toevoegen totdat het gelijkwaardig is aan andere native SDK's. Voor meer informatie, zie de Early Adopter-site.
Om een overzicht te geven van de functies van de Flutter Maps SDK bèta, hebben we op GitHub eenArcGIS Maps SDK voor Flutter voorbeeldrepository beschikbaar gesteld. Deze repository wordt regelmatig bijgewerkt met nieuwe voorbeelden en vormt een belangrijk onderdeel van de gehele SDK.
Je kunt verschillende voorbeelden bekijken die de functionaliteiten van de ArcGIS Maps SDK voor Flutter bèta demonstreren.
Deze repository bevat voorbeeldcode die laat zien hoe je de functies van de Flutter Maps SDK bèta kunt gebruiken in je eigen app. Het demonstreert hoe typische workflows uit Native SDK's werken binnen een Flutter-app met voorbeelden zoals:
Lagen | Renderer | Symboolweergave |
|---|
Kaartweergave | Geometrie | Routing |
Geocodering | Attribuutweergave | Offline workflow |
Query's | Features | Locatie |
Dataweergave | Authenticatie | Mobiele kaartpakketten |
De repository bevat ook een voorbeeldviewer-app die kan draaien op iOS- en Android-simulatoren of apparaten, zodat ontwikkelaars gemakkelijk voorbeelden kunnen bekijken of afzonderlijk kunnen uitvoeren.
De voorbeeldset in de ArcGIS Maps SDK voor Flutter bèta-repository toont functies zoals apparaatlocatie, vergrootglas en routing.
Early Adopter-siteDownload het Flutter Maps SDK bèta-pakket vanaf de Early Adopter-site en volg de opstartinstructies om klaar te zijn om je eerste Flutter Maps SDK-app te bouwen. Onthoud dat je met Flutter vanuit één codebase apps kunt bouwen die draaien op zowel iOS als Android emulators of apparaten.
Vervolgens leggen we de belangrijkste concepten uit van bouwen met Flutter en hoe je deze kunt combineren met ArcGIS-functionaliteiten.
Flutter Widget
Het kernconcept van Flutter is dat UI wordt opgebouwd uit Flutter Widgets で構築されるということです。ウィジェットはアプリの UI の構成要素で、レイアウトとインタラクティブ要素の両方を定義し、状態も管理します。
いずれかの Native SDK でアプリを作成すると、マップ ビューがマップ レイヤーとグラフィックを表示するユーザーインターフェイスとして機能します。Flutter Maps SDK のベータ版では、ArcGISMapView クラス自体もウィジェットになっており、アプリケーションのどこにマップを配置するかを完全にコントロールできます。例えば、Flutter Stack ウィジェットでラップして UI コントロールを上に重ねたり、Flutter Expandedウィジェットでラップしてアプリ画面の残りのスペースを埋めたりできます。
Set Basemap サンプルの Stack ウィジェット内の ArcGISMapView ウィジェットを示すウィジェットツリーの例
既存のウィジェットを新しいウィジェットでラップして、アプリのデザイン要件に応じて削除することで、Flutter 用に選択した IDE でウィジェットを簡単にリファクタリングすることもできます。Flutter のウィジェットツリーは、アプリのデザインのアーキテクチャを理解するための簡単な参照方法を提供します。
アプリのデザインを念頭に置いて、Flutter のホットリロード機能の話題に移りましょう。それは、再コンパイルすることなく、デバイスやエミュレーター上で UI レイアウトがライブで更新されます。
Hot Reload
Flutter の人気機能は Stateful Hot Reload（別名ホットリロード）です。これは Dart Virtual Machine (VM) に更新されたコードを挿入することで動作し、VM が更新されると Flutter はウィジェットツリーを再構築します。
例えば、Flutter エンジニアの Jennifer Merritt が Palm Springs で開催された 2024 Developer Summit で実演したように、コードを更新してアプリ内のボタンを移動させることができます。
ホットリロードのもう1つの例を以下に示します。紫色のテーマから白と青のアプリテーマにスタイルを更新することで、アプリのデザイン変更を素早くプロトタイプ化します（このケースでは Set Basemap サンプルを使用）。
ホットリロードを使用して ArcGIS Maps SDK for Flutter アプリのデザイン変更を簡単に確認する例
さいごに
新しい ArcGIS Maps SDK for Flutter のベータ版をぜひお試しください！ベータ版は Early Adopter サイトからアクセスでき、GitHub の ArcGIS Maps SDK for Flutter サンプル リポジトリからサンプルをチェックできます。ArcGIS の機能と Flutter の生産性を組み合わせて、クロスプラットフォームのモバイル アプリケーションを構築してください。
Early Adopter サイトには専用のフォーラムが用意されていますので、Flutter Maps SDK の気に入っている点や、他にどんな機能が欲しいかなどをお知らせください！
新しい ArcGIS Maps SDK for Flutter ベータを使った地理空間アプリの作り方については、近日中に ArcGIS Blog でご紹介する予定です。
