Ein neues Toolkit bietet Unterstützung für Web- und Desktop-Apps

Google hat am 3. März bei einer Veranstaltung namens endlich seine Flutter-Version 2.0 veröffentlicht Flattern Engage. Es ist ein Open-Source-UI-Entwicklungskit, mit dem App-Entwickler plattformübergreifende Apps mit einer ähnlichen Codebasis entwickeln können. Mit diesem Upgrade hat Google nicht nur die Funktionen von Flutter maximiert, sondern auch die neue Version so gestaltet, dass sie über das Handy hinausgehen kann, um Apps zu unterstützen, wo immer sie hingehören – Desktop, Web und wachsende Formfaktoren wie Faltblätter.

Mit Flutter 2 können Sie eine ähnliche Codebasis für den Versand nativer Anwendungen an 5 Betriebssysteme verwenden: Android, iOS, macOS, Windows und Linux.

Darüber hinaus bietet es Web-Erlebnisse für Browser wie Edge, Safari, Firefox oder Chrome. Sie können Flutter in Fernseher, Autos und Smart-Home-Geräte einbetten, was das tragbarste und umfassendste Erlebnis für eine umfassende Computerwelt bietet.

Was ist neu in Flutter 2?

Es gibt viele aufregende Dinge, die im Rahmen der Veröffentlichung von Flutter 2 verursacht werden. Lesen Sie weiter, um zu sehen, was in Flutter 2 neu ist und wie es Entwickler auf allen Plattformen anspricht!

Flatters Web-Support

Die Webunterstützung in Produktionsqualität von Flutter ist die größte Deklaration in Flutter 2. Zuvor war die Grundlage des Webs dokumentenzentriert. Die Webplattform wurde jedoch entwickelt, um umfangreichere Plattform-APIs zu verbreiten, die äußerst anspruchsvolle Anwendungen mit hardwarebeschleunigten 3D- und 2D-Grafiken, Mal-APIs und flexiblem Layout ermöglichen.

Die Unterstützung von Flutter für das Web begründet diese Innovationen und bietet ein App-fokussiertes Framework, das die vollen Vorteile von allem nutzt, was das moderne Web bieten sollte. Diese Version konzentriert sich zunächst auf drei App-Szenarien:

  • Single Page Apps (SPAs)
  • Progressive Web Apps (PWAs)
  • Bringen Sie aktuelle mobile Flutter-Apps ins Web

Google konzentrierte sich hauptsächlich auf Verbesserungen und Leistung bei der Wiedergabetreue. Sie fügten eine neue hinzu CanvasKit basierend gerendert gemacht mit WebAssembly.

Darüber hinaus wurden webspezifische Funktionen wie die Kontrolle über Adressleisten-URLs, das automatische Ausfüllen von Text, PWA-Manifeste und das Routing hinzugefügt. Außerdem enthielten sie ein Link-Widget, um sicherzustellen, dass sich eine im Browser ausgeführte mobile App wie eine Web-App anfühlt.

Flatters Desktop-Unterstützung

Google kann die Desktop-Unterstützung von Flutter als Bereitstellungsziel für alle Flutter-Apps testen. Es wurden viele Verbesserungen vorgenommen, um den Flutter-Desktop auf hervorragende Qualität zu bringen und sicherzustellen, dass die Textbearbeitung auf jeder unterstützten Plattform wie ein natives Erlebnis funktioniert und grundlegende Funktionen wie z Drehpunkte für die Textauswahl.

Google hat außerdem ein integriertes Kontextmenü zu den TextFormField- und TextField-Widgets für die Designsprachen Cupertino und Material hinzugefügt. Außerdem, Haltegriffe wurden dem ReorderableListView-Widget hinzugefügt. Dieses Widget war immer hervorragend darin, Dinge mit den kleinen Anstrengungen eines Entwicklers zu bewegen.

Eine aktualisierte Bildlaufleiste ist eine weitere Erweiterung für plattformbezogene Funktionen, die genau für den Desktop-Formfaktor angezeigt werden. Das aktualisierte Widget für die Bildlaufleiste bietet viele ansprechende Funktionen, die Sie auf dem Desktop erwarten können. Dazu gehört die Möglichkeit, auf die Spur zu klicken, um nach oben und unten zu blättern, den Daumen zu ziehen und eine Spur anzuzeigen, wenn eine Maus über die Bildlaufleiste flattert.

Für zusätzliche Desktop-spezifische Funktionen ermöglicht Flutter 2 auch die Verwaltung von Befehlszeilenargumenten für Flutter-Anwendungen, sodass einfache Dinge wie ein Doppelklick auf eine Datendatei im Windows-Datei-Explorer zum Öffnen der Datei in Ihrer App verwendet werden können.

Darüber hinaus hat Google aktualisierte Dokumente Informationen darüber, was Entwickler tun müssen, um ihre Desktop-Apps für die Bereitstellung in den genauen betriebssystemspezifischen Stores vorzubereiten.

Wenn Sie für die Nutzung der Desktop-Beta auf dem stabilen Kanal bleiben möchten, erhalten Sie keine neuen Fehlerbehebungen oder Funktionen, sobald Sie zu den Entwicklungskanälen oder der Beta wechseln. Um Linux, MacOS oder Windows aktiv anzusprechen, wird empfohlen, zu einem Kanal zu wechseln, der Updates schneller anbietet.

Erweiterte Portabilität von Flutter

Das Flattern erstreckt sich zunehmend auf andere Arten von Geräten, über das Internet und herkömmliche mobile Geräte hinaus. Google hat drei Team-Ups hervorgehoben, die die maximale Portabilität von Flutter demonstrieren.

Erstens arbeitet Canonical mit Google zusammen, um Flutter auf den Desktop zu bringen. Entwickler stellen Code zur Unterstützung der Bereitstellung und Entwicklung unter Linux bereit. Canonical möchte robuste und dennoch schöne Erlebnisse auf verschiedenen Hardwarekonfigurationen bieten. Und Flutter ist ihre Hauptoption für kommende mobile und Desktop-Apps.

Zweitens wird Microsoft die Unterstützung für Flutter erhöhen. Neben der aktuellen Zusammenarbeit bei der Bereitstellung von Windows-Unterstützung in Premiumqualität in Flutter wird Microsoft Beiträge zur Flutter-Engine einführen, die die wachsende Klasse faltbarer Android-Geräte unterstützt. Diese Geräte führen neue Entwurfsmuster ein, mit Anwendungen, die entweder die Vorteile eines Dual-Screen-Charakters nutzen können, um Side-by-Side-Erlebnisse zu bieten oder den Inhalt zu erhöhen.

Schließlich erklärte der weltweit meistverkaufte Fahrzeughersteller Toyota seine Strategien, um Autos die besten digitalen Erlebnisse seiner Klasse zu bieten, indem er von Flutter aktivierte Infotainmentsysteme entwickelte.

Toyota wählte Flutter

Toyota entschied sich für Flutter aufgrund seiner beständigen Erfahrung und hohen Leistung, der Entwicklerergonomie und der schnellen Iteration sowie der Touch-Systeme auf Smartphone-Ebene. Mit der eingebetteten API von Flutter kann Toyota Flutter an die robusten Anforderungen eines fahrzeuginternen Frameworks anpassen.

Flatterfix

Flattern beheben kombiniert mehrere Dinge. Es gibt eine exklusive Befehlszeilenoption für das Dart-CLI-Tool namens Dart Fix, die weiß, wo eine Liste veralteter APIs gesucht werden muss und wie Code mit diesen APIs aktualisiert werden kann. Dann ist es die Liste der zugänglichen Fixes, die mit dem Flutter SDK ab Version 2 gepackt ist.

Und letztendlich handelt es sich um einen aktualisierten Satz von Flutter-Erweiterungen für IntelliJ-, VS Code- und Android Studio-IDEs, die eine ähnliche Liste zugänglicher Lösungen als schnelle Korrekturen mit kleinen Glühbirnen anzeigen können, mit denen Entwickler ihre Codes mit der Maus ändern können.

Flatter Folio

Da Flutter jetzt 3 Plattformen (iOS, Android und das Web) für Produktionsanwendungen und 3 weitere in der Beta (Linux, MacOS und Windows) unterstützt, wie ist es möglich, eine App zu schreiben, die sich in verschiedene Formfaktoren ändert (groß, kleine und mittlere Bildschirme), verschiedene Redewendungen (Desktop, Web und Mobile) und verschiedene Eingabemodi (Maus, Tastatur und Touch)? Google hat die Scrapbooking-App Flutter Folio mit der Beantwortung dieser Frage beauftragt.

Flatter Folio

Folio ist ein einfaches Beispiel für eine Anwendung, die auf verschiedenen Plattformen mit nur einer Codebasis ordnungsgemäß ausgeführt wird. Diese App wird als plattformadaptiv bezeichnet, da sie sich ordnungsgemäß an die Plattform anpasst, auf der sie ausgeführt wird.

Add-to-App

Jetzt können Entwickler die Vorteile von Flutter nutzen, indem sie es ihren aktuellen Android- und iOS-Apps hinzufügen. Diese Funktion ist bekannt als Add-to-AppDies ist eine großartige Möglichkeit, den Flutter-Code auf beiden Plattformen wiederzuverwenden und gleichzeitig Ihre aktuelle native Codebasis zu speichern. Die neuen APIs, die dies ermöglichen, werden im Beta-Kanal in der Vorschau angezeigt.

Diese APIs sind dokumentiert auf flutter.dev neben einer Reihe von Beispielprojekte Präsentation dieses neuen Musters. Mit dieser Änderung kann Google vorschlagen, verschiedene Instanzen der Flutter-Engine in nativen Apps zu erstellen.

Veröffentlichung von Dart 2.12 mit Unterstützung für Sound Null Safety

Google hat außerdem Dart 2.12 mit Unterstützung für Sound-Null-Sicherheit gestartet. Sound-Zero-Sicherheit kann Ausnahmen von Cringe-Null-Referenzen reduzieren. Es bietet die Sicherheit bei Entwicklung und Laufzeit, dass Typen nur Nullwerte enthalten können, falls der Entwickler dies ausdrücklich auswählt.

Dieses Update enthält auch eine konsistente Anwendung von FFI, mit der Entwickler Hochleistungscode schreiben können, der mit C-basierten APIs zusammenarbeiten kann, neue Profiler-Tools, die mit Flutter und integrierten Entwicklern geschrieben wurden, sowie viele Größen- und Leistungsverbesserungen, für die Ihr Code weiter aktualisiert wird kostenlos.

Google Mobile Ads für Beta: Das aufstrebende Flatter-Ökosystem

Google erklärt den Beta-Start von Google Mobile Ads für Flutter. Dieses neue SDK funktioniert gut mit AdManager und AdMob für die Bereitstellung verschiedener Anzeigenformate, einschließlich nativer, Banner-, belohnter Videoanzeigen und Interstitial. Google hat dieses SDK mit vielen Hauptkunden wie Sua Musica, der größten Musikplattform für viele Künstler in Lateinamerika, veröffentlicht.

Google Mobile Ads

Jetzt ist Google bereit, das Google Mobile Ads für Flutter SDK zur weiteren Akzeptanz zu öffnen. Darüber hinaus erklärte die Organisation auch Aktualisierungen ihrer Flatter-Plug-Ins für viele wichtige Firebase-DiensteB. Cloud-Firestore, Authentifizierung, Cloud-Messaging, Cloud-Funktionen, Crashlytics und Cloud-Speicher, einschließlich Unterstützung für Sound-Null-Sicherheit und Aktualisierung des Cloud-Messaging-Pakets.

Flatter DevTools

Google hat viel Arbeit geleistet, um Flutter dazu zu bringen, DevTools zu einer Produktionsqualität zu machen, die Flutter 2 würdig ist. Eine neue Funktion, mit der Entwickler ihre Probleme reduzieren können, bevor sie DevTools veröffentlicht haben, ist die Fähigkeit von IntelliJ, Android Studio oder Visual Studio Code, zu erkennen, wann Es gibt eine grundlegende Ausnahme und es ist vorgesehen, sie in DevTools zum Debuggen aufzurufen.

In DevTools ist eine weitere neue Funktion die Fähigkeit, ein Bild mit einer höheren Auflösung als gezeigt leicht zu sehen. Auf diese Weise können Sie den zusätzlichen Speicherbedarf und die App-Größe ermitteln. Lassen Sie die Funktion “Übergroße Bilder invertieren” im Flatterinspektor aktivieren, um diese Funktion zu aktivieren.

Google hat außerdem die Möglichkeit hinzugefügt, feste Layouts anzuzeigen, sodass Entwickler alle Arten von Layouts debuggen können. Einige weitere neue Funktionen in Flutter DevTools 2 sind:

  • Neue Speicheransichtsdiagramme sind schneller, benutzerfreundlicher und kleiner und enthalten eine neue Hovercard zur Erläuterung der Aktivitäten zu einem bestimmten Zeitpunkt.
  • Die Ansicht “Leistung” wird in “CPU-Profiler” umbenannt, wodurch die angebotenen Funktionen klarer werden.
  • Verbesserungen der Benutzerfreundlichkeit und durchschnittliche FPS-Daten werden dem Flutter Frames Chart hinzugefügt.
  • Suchen und Filtern werden der Registerkarte Protokollierung hinzugefügt.
  • Die Ansicht “Zeitleiste” wird in “Leistung” umbenannt, wodurch die angebotenen Funktionen klarer werden.
  • Das Timing-Raster wird zu den Flammen-Diagrammen des CPU-Profilers hinzugefügt.
  • Das Formular zum Verfolgen von Protokollen wird vor DevTools gestartet, sodass Entwickler beim Starten den gesamten Protokollierungsverlauf anzeigen können.
  • Aufrufen nicht erfolgreicher Netzwerkanforderungen im Netzwerkprofiler mit roten Fehlerbezeichnungen.

Schließen

Zusammenfassend ist Flutter 2 jetzt nur für Entwickler verfügbar. Es ist Open Source und kostenlos. Falls Sie es noch nicht ausprobiert haben, nutzen Sie dieses erstklassige Upgrade für ein exklusives App-Entwicklungserlebnis.

Similar Posts

Leave a Reply