Google veröffentlicht Flutter 2: Was ist neu darin

Veröffentlicht: 2021-04-02

Google hat Version 2.0 von Flutter auf den Markt gebracht – ein Open-Source-UI-Entwicklungskit, mit dem App-Entwickler plattformübergreifende Anwendungen erstellen können. Das Upgrade hebt ein ganz neues Paket von Funktionen und eine verbesserte Portabilität von Flutter hervor, um Apps auf verschiedenen Plattformen zu unterstützen.

Heute werden wir untersuchen, was Flutter 2 zu bieten hat. Lesen Sie den Blog bis zum Ende.

Flutter 2: Ein vollständiger Überblick

Web-Support

Die High-End-Webunterstützung von Flutter ist die wichtigste Erklärung bei der Einführungsveranstaltung von Flutter 2 bei Flutter Engage. Früher war die Grundlage des Internets hauptsächlich dokumentenzentriert. Jetzt erleichtern umfangreiche Plattform-APIs die anspruchsvolle Anwendungsentwicklung mit Paint-APIs, hardwarebeschleunigter 2D- und 3D-Grafik und flexiblem Layout.

Flutter 2 bietet eine stabile Webunterstützung, die im Web die gleiche Erfahrung macht wie auf dem Handy. Die Experten für Entwicklungsdienste für mobile Apps können Apps für Android, iOS und den Browser erstellen, indem sie dieselbe Codebasis verwenden. Es ist möglich, vorhandene Flutter-Codes, die in Dart geschrieben sind, zu einem hervorragenden Web-Erlebnis zu kompilieren, da das Web mit Flutter 2 nur ein weiteres Geräteziel für Ihre App ist.

Das neue Release konzentriert sich auf 3 App-Szenarien:

  • Single-Page-App (SPA)
  • Progressive Web-App (PWA)
  • Vorhandene Flutter-basierte mobile Apps ins Web bringen und dieselbe Erfahrung bieten

Flutter transpiliert nicht in die HTML-Äquivalente seiner Widgets. Vielmehr bietet die Web-Engine von Flutter die Wahl zwischen zwei Renderern:

  1. Ein CanvasKit-Renderer, der WebGL und WebAssembly verwendet, um die Skia-Malbefehle im Browser-Canvas zu rendern
  2. Ein HTML-Renderer, der für breite Kompatibilität und Größe optimiert ist

Eine Demo von Flutter Plasma wurde auch entwickelt, um zu zeigen, wie einfach es ist, mit Dart ein anspruchsvolles Webgrafikerlebnis zu erstellen, das nahtlos auf Mobilgeräten und Desktops ausgeführt werden kann.

Die Community hat auch einige webspezifische Funktionen wie das automatische Ausfüllen von Text, PWA-Manifeste und die Kontrolle über Routing- und Adressleisten-URLs hinzugefügt.

Desktop-Support

Es befindet sich noch im Beta-Stadium, die stabile Version wird möglicherweise noch in diesem Jahr veröffentlicht. Schauen wir uns dennoch an, was es zu bieten hat.

Für Desktop-Browser hat die Community Tastaturkürzel, interaktive Bildlaufleisten, Screenreader-Unterstützung für einfachen Zugriff auf Chrome OS, Windows und macOS hinzugefügt und die Standardinhaltsdichte im Desktop-Modus verbessert.

Google hat mehrere Verbesserungen vorgenommen – den Flutter-Desktop auf eine hervorragende Qualität gebracht, sichergestellt, dass die Textbearbeitung auf jeder unterstützten Plattform ein natives Erlebnis bietet, grundlegende Funktionen wie Drehpunkte für die Textauswahl usw. integriert. Es hat auch ein integriertes Kontextmenü zu TextField und hinzugefügt TextFormField-Widgets für die Designsprachen Cupertino und Material. Haltegriffe werden dem ReorderableListView-Widget hinzugefügt.

Das aktualisierte Bildlaufleisten-Widget bietet verschiedene ansprechende Funktionen, die Sie auf dem Desktop verwenden können. Flutter 2 ermöglicht auch die Verwaltung von Befehlszeilenargumenten für Flutter-Apps. Auf diese Weise können Dinge wie das Doppelklicken auf eine Datendatei im Windows-Datei-Explorer zum Öffnen einer Datei in der App verwendet werden.

Flatterfix

Flutter Fix ist eine Sammlung verschiedener Dinge. Es verfügt über eine exklusive Befehlszeile des Dart CLI-Tools, bekannt als Dart Fix. Es hilft, die Liste der veralteten APIs zu durchsuchen und den Code mit diesen zu aktualisieren. Es ermöglicht auch den Zugriff auf die Liste der zugänglichen Fixes, die mit Flutter SDK gepackt ist.

Darüber hinaus verfügt es über einen aktualisierten Satz von Flutter-Erweiterungen für Android Studio IDE, VScode und IntelliJ, die eine ähnliche Liste zugänglicher Lösungen präsentieren und den Entwicklern helfen können, Codes einfach mit der Maus zu ändern.

Erweiterte Portabilität

Google hebt 3 aktuelle Team-Ups hervor, die die maximale Portabilität von Flutter präsentieren.

Erstens wird Microsoft seine Unterstützung für Flutter erweitern. Neben der jüngsten Zusammenarbeit zur Bereitstellung hochwertiger Windows-Unterstützung in Flutter wird Microsoft auch zur Flutter-Engine beitragen, die die App-Entwicklung für faltbare Android-Geräte erleichtert.

Zweitens tut sich Canonical mit Google zusammen, um Flutter auf den Desktop zu bringen. Es wird die App-Entwicklung und -Bereitstellung unter Linux unterstützen. Canonical verspricht, auf mehreren Hardwarekonfigurationen ein hervorragendes Erlebnis zu bieten.

Schließlich hat Toyota – ein führender Fahrzeughersteller – erklärt, einige bahnbrechende Strategien anzuwenden, um Autos ein digitales Erlebnis der nächsten Generation zu bieten, indem verschiedene Infotainment-Systeme entwickelt werden, die durch Flutter ermöglicht werden. Toyota suchte Flutter-Entwickler aufgrund des Touch-Systems auf Smartphone-Ebene, der schnellen Iteration, der Ergonomie des Entwicklers und der konstant hohen Leistung von Flutter einzustellen. Die eingebetteten APIs von Flutter werden es Toyota ermöglichen, Flutter individuell anzupassen und die Anforderungen für den Bau hochmoderner Infotainment-Systeme zu erfüllen.

Add-to-App

Flutter 2 zielt darauf ab, die Arbeitsbelastung der Entwickler in jeder App-Entwicklungsagentur zu reduzieren und gleichzeitig qualitativ hochwertige Ergebnisse zu gewährleisten. Add-to-App ist eine weitere Funktion, um dieses Ziel hervorzuheben.

Die Entwickler können Flutter zu einer bestehenden Android- oder iOS-App hinzufügen. Die Add-to-App-Funktion ist eine großartige Möglichkeit, den Flutter-Code auf beiden Plattformen wiederzuverwenden und gleichzeitig die aktuelle native Datenbank zu speichern. Mit dieser Änderung schlägt Google eine mögliche Integration der Flutter-Engine in native Apps vor.

Flutter-Folio

Wie wir bereits besprochen haben, unterstützt Flutter jetzt 3 Plattformen – Android, iOS und Web und 3 weitere in der Beta – Windows, Linux und macOS. Wie ist es möglich, eine App zu erstellen, die zu mehreren Formen (kleine, große und mittlere Bildschirme), mehreren Redewendungen (Web, Mobil und Desktop) und mehreren Eingabemodi (Tastatur, Maus und Berührung) wechselt?

Flutter Folio gibt eine Antwort auf diese Frage.

Flutter Folio ist eine Scrapbooking-App, die entwickelt wurde, um die Fähigkeiten von Flutter zu nutzen, um Anwendungen zu erstellen, die nahtlos auf jeder Plattform und jedem Gerät laufen: Android, iOS, Mac, Windows, Linux und das Web. Es ist ein perfektes Beispiel für eine adaptive App, die in Zusammenarbeit mit gskinner und dem Flutter-Team entwickelt wurde.

Flutter-DevTools

Flutter DevTools wird zum Debuggen der Flutter-Apps verwendet. Eine neue Funktion, die sich auf jedes Problem konzentriert, noch bevor die DevTools gestartet werden, ist die Möglichkeit für IntelliJ, Android Studio oder Visual Studio Code, jede Ausnahme zu bemerken und anzubieten, sie in DevTools anzuzeigen, um den Debugging-Prozess einzuleiten.

Beim Ausführen der DevTools helfen neue Fehler-Badges auf den Registerkarten, verschiedene Probleme in der App aufzuspüren.

In DevTools wurde eine weitere neue Funktion hinzugefügt, die es ermöglicht, ein Bild problemlos mit einer höheren Auflösung als der angezeigten anzuzeigen. Es hilft, den zusätzlichen Speicherverbrauch und die App-Größe zu reduzieren. Die Entwickler können zulassen, dass die Funktion „Übergroße Bilder umkehren“ im Flutter-Inspektor aktiviert wird.

Google hat auch die Möglichkeit hinzugefügt, feste Layouts anzuzeigen. Dies ermöglicht den Entwicklern, verschiedene Arten von Layouts zu debuggen.

Weitere in Flutter DevTools 2 verfügbare Funktionen umfassen die folgenden:

  • Die Leistungsansicht wurde jetzt in CPU-Profiler umbenannt. Ebenso wird die Timeline-Ansicht in Performance umbenannt. Die Änderungen heben die Funktionalitäten hervor, die sie bieten.
  • Neue Speicheransichtsdiagramme sind kleiner, einfacher zu verwenden und schneller. Es enthält eine neue Hovercard, die Aktivitäten zu einem bestimmten Zeitpunkt erklärt.
  • Der Registerkarte Protokollierung wurden Such- und Filterfunktionen hinzugefügt.
  • Durchschnittliche FS-Daten und verschiedene Verbesserungen der Benutzerfreundlichkeit sind in der Flutter Frames-Tabelle enthalten.
  • Das Zeitraster ist in den Flammendiagrammen des CPU-Profilers enthalten.
  • Das Tracklogs-Formular wird gestartet, damit die Entwickler den gesamten Protokollierungsverlauf überprüfen können, wenn sie es starten.
  • Erfolglose Netzwerkanfragen werden im Netzwerk-Profiler zur sofortigen Behebung angezeigt.

Google Mobile-Anzeigen für Flutter

Google kündigt den Beta-Start von Google Mobile Ads für Flutter an. Das neue SDK funktioniert gut mit AdMob und AdManager, um verschiedene Anzeigenformate anzubieten, darunter Banner-, native, Interstitial- und Videoanzeigen mit Prämie.

Google hat auch verschiedene Updates für die Flutter-Plug-Ins für wichtige Firebase-Dienste wie Cloud Messaging, Cloud Firestore, Cloud Function, Authentication, Cloud Storage, Crashlytics, die Integration von Unterstützung für solide Nullsicherheit sowie ein Update des Cloud Messaging-Pakets angekündigt.

Pfeil 2.12

Dies ist eine weitere bedeutende Enthüllung von Google. Dart 2.12 unterstützt solide Nullsicherheit. Es hat das Potenzial, jede Nullreferenz-Ausnahme zu entfernen. Auf diese Weise wird bei der Entwicklung und Laufzeit sichergestellt, dass Typen nur Nullwerte enthalten können, wenn ein Entwickler dies ausdrücklich auswählt.

Das Update beinhaltet auch eine konsequente Anwendung von FFI (Foreign Function Interface). Es ermöglicht den Entwicklern, die dart:ffi-Bibliothek zu verwenden, um native C-APIs aufzurufen.

Zeit zum Abschluss

Wie Sie sehen können, bringt Flutter 2 einige bahnbrechende Änderungen im Bereich der App-Entwicklung mit sich. Die Grenze zwischen der Nutzung einer Web- und einer mobilen App verschwimmt allmählich zugunsten des Angebots einer hervorragenden Benutzererfahrung auf verschiedenen Plattformen und Geräten. Wenn Sie mit dem Strom schwimmen möchten, ist es an der Zeit, eine App mit Flutter 2 zu erstellen!