Flutter 2: Eine vollständige Übersicht
Web-Unterstützung
Die High-End-Webunterstützung von Flutter ist das größte Statement beim Flutter 2-Launch-Event bei Flutter Engage. Bisher konzentrierte sich die Grundlage des Webs hauptsächlich auf Dokumente. Jetzt erleichtern umfangreiche Plattform-APIs die Entwicklung anspruchsvoller Anwendungen mithilfe von Paint-APIs, hardwarebeschleunigten 2D- und 3D-Grafiken und flexiblem Layout.
Flutter 2 bietet stabile Webunterstützung, die das gleiche Weberlebnis bietet, das Sie auf einem mobilen Gerät erhalten würden. Experten für mobile App-Entwicklungsdienste können mit derselben Codebasis Apps für Android, iOS und den Browser erstellen. Es ist möglich, vorhandene, in Dart geschriebene Flutter-Codes zu einem großartigen Web-Erlebnis zu kompilieren, da das Web mit Flutter 2 nur ein weiteres Zielgerät für Ihre App ist.
Die neue Version konzentriert sich auf 3 Anwendungsszenarien:
- Einzelseitenanwendung (SPA)
- Progressive Web-App (PWA)
- Bringen Sie vorhandene Flutter-basierte mobile Apps ins Web und bieten Sie das gleiche Erlebnis
Flutter überträgt nicht auf die HTML-Äquivalente seiner Widgets. Vielmehr bietet die Flutter-Web-Engine die Wahl zwischen zwei Renderern:
- Ein CanvasKit-Renderer, der WebGL und WebAssembly verwendet, um Skia-Malbefehle auf der Browser-Canvas zu rendern
- Ein HTML-Renderer, der für umfassende Kompatibilität und Größe optimiert ist
Außerdem wurde eine Flutter Plasma-Demo erstellt, um zu zeigen, wie einfach es ist, mit Dart ein anspruchsvolles Webgrafik-Erlebnis zu erstellen, das nahtlos auf Mobil- und Desktop-Geräten läuft.
Die Community hat auch einige webspezifische Funktionen hinzugefügt, wie z. B. die automatische Textvervollständigung, PWA-Manifeste und die Kontrolle über Routing- und Adressleisten-URLs.
Tischständer
Es befindet sich noch im Beta-Stadium, die stabile Version wird möglicherweise noch in diesem Jahr veröffentlicht. Werfen wir jedoch einen Blick auf das, was es zu bieten hat.
Für Desktop-Browser hat die Community Tastaturkürzel, interaktive Bildlaufleisten, Unterstützung für Bildschirmleseprogramme für einen einfacheren Zugriff auf Chrome OS, Windows und macOS hinzugefügt und die standardmäßige Inhaltsdichte im Desktop-Modus verbessert.
Google hat mehrere Verbesserungen vorgenommen: den Flutter-Desktop auf eine hohe Qualität gebracht, sichergestellt, dass die Textbearbeitung auf jeder unterstützten Plattform ein natives Erlebnis bietet, und wichtige Funktionen wie Drehpunkte für die Textauswahl usw. integriert. Außerdem wurde den TextField- und TextFormField-Widgets für Cupertino und Materialdesignsprachen ein integriertes Kontextmenü hinzugefügt. Grab-Steuerelemente werden dem ReorderableListView-Widget hinzugefügt.
Das aktualisierte Scrollbar-Widget bietet mehrere attraktive Funktionen, die Sie auf dem Desktop verwenden können. Flutter 2 ermöglicht auch die Verwaltung von Befehlszeilenargumenten für Flutter-Anwendungen. Auf diese Weise kann beispielsweise ein Doppelklick auf eine Datendatei im Windows-Datei-Explorer zum Öffnen einer Datei in der App verwendet werden.
Flatterkorrektur
Flutter Fix ist eine Sammlung mehrerer Dinge. Es verfügt über ein einzigartiges Befehlszeilen-Dart-CLI-Tool namens Dart Fix. Es ist sinnvoll, die Liste der veralteten APIs zu durchsuchen und den Code damit zu aktualisieren. Es ermöglicht auch den Zugriff auf die Liste der im Flutter SDK enthaltenen, zugänglichen Fixes.
Darüber hinaus verfügt es über einen aktualisierten Satz Flutter-Erweiterungen für Android Studio IDE, VScode und IntelliJ, die eine ähnliche Liste zugänglicher Lösungen bieten und Entwicklern helfen können, Codes einfach mit der Maus zu ändern.
Erweiterte Portabilität
Google hebt drei aktuelle Teams hervor, die sich durch die maximale Portabilität von Flutter auszeichnen.
Zunächst wird Microsoft seine Unterstützung für Flutter erweitern. Neben der jüngsten Zusammenarbeit zur Bereitstellung erstklassiger Windows-Unterstützung in Flutter wird Microsoft auch zur Flutter-Engine beitragen, die die Entwicklung von Apps für faltbare Android-Geräte erleichtert.
Zweitens arbeitet Canonical mit Google zusammen, um Flutter auf den Desktop zu bringen. Du unterstützt die Entwicklung und Bereitstellung von Anwendungen unter Linux. Canonical verspricht ein hervorragendes Erlebnis auf verschiedenen Hardwarekonfigurationen.
Schließlich erklärte Toyota, ein führender Fahrzeughersteller, dass er durch die Entwicklung verschiedener Flutter-fähiger Infotainmentsysteme einige innovative Strategien übernommen habe, um ein digitales Erlebnis der nächsten Generation in Autos zu bringen. Aufgrund des Smartphone-Touch-Systems, der schnellen Iteration, der Entwicklerergonomie und der konstant hohen Leistung von Flutter suchte Toyota nach einem Flutter-Entwickler. Mithilfe der integrierten APIs von Flutter kann Toyota Flutter individuell anpassen und die Anforderungen für den Aufbau modernster Infotainmentsysteme erfüllen.
Zur App hinzufügen
Flutter 2 zielt darauf ab, die Arbeitsbelastung der Entwickler in jeder App-Entwicklungsagentur zu reduzieren und gleichzeitig qualitativ hochwertige Ergebnisse sicherzustellen. Add-to-App ist eine weitere Funktion, die dieses Ziel unterstreicht.
Entwickler können Flutter zu einer vorhandenen Android- oder iOS-App hinzufügen. Die Funktion „Zur App hinzufügen“ ist eine großartige Möglichkeit, 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 Anwendungen vor.
Flatterfolio
Wie bereits erwähnt, ist Flutter jetzt mit drei Plattformen kompatibel: Android, iOS und Web und drei weiteren in der Beta: Windows, Linux und macOS. Wie ist es möglich, eine Anwendung zu erstellen, die auf mehrere Formulare (kleine, große und mittlere Bildschirme), mehrere Sprachen (Web, Mobil und Desktop) und mehrere Eingabemodi (Tastatur, Maus und Touch) umschaltet?
Flutter Folio gibt eine Antwort auf diese Frage.
Flutter Folio ist eine Scrapbooking-App, die die Möglichkeiten von Flutter zum Erstellen von Apps vorstellt, die auf allen Plattformen und Geräten reibungslos funktionieren: Android, iOS, Mac, Windows, Linux und das Web. Es ist ein perfektes Beispiel für eine responsive App, die in Zusammenarbeit mit gskinner und dem Flutter-Team erstellt wurde.
Flutter DevTools
Flutter DevTools wird zum Debuggen von Flutter-Anwendungen verwendet. Die Einführung einer neuen Funktion, die jedes Problem bereits vor dem Start von DevTools angeht, ist die Möglichkeit für IntelliJ, Android Studio oder Visual Studio Code, jedes Vorliegen einer Ausnahme zu bemerken und anzubieten, diese an DevTools weiterzuleiten, um den Debugging-Prozess zu starten.
Beim Ausführen von DevTools helfen neue Fehler-Badges in den Registerkarten dabei, verschiedene Probleme in der Anwendung zu verfolgen.
In DevTools wurde eine weitere neue Funktion hinzugefügt, mit der Sie ein Bild problemlos in einer höheren Auflösung als der angezeigten Auflösung anzeigen können. Hilft, den zusätzlichen Speicherverbrauch und die Anwendungsgröße zu reduzieren. Entwickler können das Umdrehen großer Bilder im Flutter Inspector zulassen, um diese Funktion zu aktivieren.
Google hat außerdem die Möglichkeit hinzugefügt, Sticky-Layouts anzuzeigen. Dadurch können Entwickler verschiedene Arten von Designs debuggen.
Zu den weiteren in Flutter DevTools 2 verfügbaren Funktionen gehören die folgenden:
- Die Leistungsansicht heißt jetzt CPU Profiler. Ebenso wird die Zeitleistenansicht in „Leistung“ umbenannt. Die Änderungen heben die angebotenen Funktionalitäten hervor.
- Die neuen Diagramme der Speicheransicht sind kleiner, benutzerfreundlicher und schneller. Es enthält eine neue Hovercard, die die Aktivitäten zu einem bestimmten Zeitpunkt erklärt.
- Der Registerkarte „Registrierung“ wurden Such- und Filterfunktionen hinzugefügt.
- Durchschnittliche FS-Daten und verschiedene Verbesserungen der Benutzerfreundlichkeit sind im Flutter Frames-Diagramm enthalten.
- Das Zeitraster ist in den Flammendiagrammen des CPU Profilers enthalten.
- Das Formular für Tracking-Protokolle wird gestartet, sodass Entwickler beim Start den gesamten Protokollverlauf überprüfen können.
- Fehlgeschlagene Netzwerkanfragen werden zur sofortigen Behebung im Netzwerkprofiler aufgerufen.
Google Mobile Ads für Flutter
Google kündigt Beta-Start von Google Mobile Ads für Flutter an. Das neue SDK arbeitet gut mit AdMob und AdManager zusammen, um verschiedene Anzeigenformate bereitzustellen, darunter Banner, native Videoanzeigen, Interstitials und Prämienanzeigen.
Google hat außerdem mehrere Updates für Flutter-Plugins für wichtige Firebase-Dienste wie Cloud Messaging, Cloud Firestore, Cloud Function, Authentication, Cloud Storage, Crashlytics angekündigt, die Unterstützung für Null-Sicherheit integrieren, sowie ein Update für das Cloud Messaging Package.
Dardo 2.12
Dies ist eine weitere wichtige Offenbarung von Google. Dart 2.12 unterstützt solide Nullsicherheit. Es besteht das Potenzial, alle Nullreferenzausnahmen zu beseitigen. So stellen Sie bei der Entwicklung und Laufzeit sicher, dass Typen nur dann Nullwerte enthalten können, wenn ein Entwickler dies ausdrücklich auswählt.
Das Update beinhaltet auch eine einheitliche Implementierung von FFI (Foreign Functions Interface). Ermöglicht Entwicklern die Verwendung der dart:ffi-Bibliothek zum Aufrufen nativer C-APIs.
Zeit, fertig zu werden
Wie Sie sehen, bringt Flutter 2 einige innovative Änderungen im Bereich der App-Entwicklung mit sich. Die Grenze zwischen der Nutzung einer Web- und einer mobilen App verschwimmt zunehmend zugunsten eines großartigen Benutzererlebnisses auf mehreren Plattformen und Geräten. Wenn Sie mit dem Strom schwimmen möchten, ist es an der Zeit, eine App mit Flutter 2 zu erstellen!
