Flutter 2.0 bietet Unterstützung in Produktionsqualität für die Erstellung von Web-Apps

Google hat Flutter 2.0 als stabil veröffentlicht und bietet Unterstützung in Produktionsqualität für die Erstellung von Web-Apps. Lesen Sie weiter, um mehr zu erfahren!

Flutter 2.0 wurde als Stable veröffentlicht und bietet stabile Webunterstützung. Dies bedeutet, dass Flutter jetzt sicher in Webprojekten in Produktionsqualität verwendet werden kann.

Lassen Sie uns nun sehen, was Flutter for Web beinhaltet.

Renderer

Es gibt zwei Möglichkeiten, wie Flutter for Web Ihre App in einem Browser anzeigen kann. Es kann entweder mit HTML, CSS und Canvas oder mit CanvasKit gerendert werden. Jedes hat seine eigenen Vorteile. Da der HTML-Renderer grundlegendere Elemente verwendet, lässt er sich schneller herunterladen und laden. Der CanvasKit-Renderer ist etwas schwerer, bietet aber eine bessere Leistung, wenn viel auf dem Bildschirm angezeigt wird.

Standardmäßig wählt eine Flutter-Webanwendung basierend auf dem Clientgerät automatisch aus, welcher Renderer verwendet werden soll. Mobile Geräte erhalten den HTML-Renderer, während Desktop-Geräte CanvasKit erhalten. Für den Fall, dass Sie einen bestimmten Renderer verwenden möchten, hat Google Optionen bereitgestellt, um immer den einen oder anderen zu verwenden.

Ein architektonischer Überblick über Flutter. Quelle: Google

Webspezifische Funktionen

Obwohl Flutter plattformübergreifend ist, gibt es dennoch einige Besonderheiten für jede unterstützte Plattform. Dies liegt daran, dass manche Dinge nur auf einer Plattform existieren oder auf eine Weise funktionieren, die eine spezielle API erfordert. Und im Internet ist es nicht anders.

Flutter 2.0 bietet Unterstützung für Dinge wie benutzerdefinierte URL-Strategien, Web-App-Deep-Linking und ordnungsgemäße PWA-Unterstützung. Wenn Sie ein Flutter for Web-Projekt erstellen, werden ein Webmanifest und Service-Worker-Vorlagen für Sie generiert.

Gesten und Tastatur

Um wirklich plattformübergreifend zu sein, muss ein Framework sein Ziel berücksichtigen. Wenn es auf einer Desktop-Plattform läuft, sollte es auf Tastaturkürzel reagieren. Auf Mobilgeräten sollte es auf Tipp- und Wischgesten reagieren.

Nun, Flutter for Web macht beides. Über das Internet richtet es sich sowohl an Desktop- als auch an Mobilgeräte. Mit der stabilen Version von Flutter for Web werden je nach Client-Plattform und Eingabequelle native Gesten unterstützt.

Plugins

Wie jede gute Sprache unterstützt Flutter Bibliotheken, in diesem Fall Plugins. Aus Sicherheitsgründen müssen Plugins ihre Plattformkompatibilität angeben. Da Flutter for Web eine relativ neue Erweiterung des Frameworks ist, wurde es von vielen Plugins, darunter auch von Google, nicht unterstützt.

Mit der Veröffentlichung von Flutter 2.0 wurde eine ganze Reihe von Googles Flutter-Plugins veröffentlicht, darunter die Firebase-Suite, sind als webkompatibel gekennzeichnet.


Obwohl dies nicht viel zu sein scheint, handelt es sich hierbei um einige ziemlich große Funktionen. Flutter 2.0 erhielt eine komplette Plattform und es wurde viel Arbeit investiert, um Flutter for Web in den Rest des Frameworks zu integrieren.

Was halten Sie von Flutter für das Web? Ist es eine gute Option für die Webentwicklung? Lass uns wissen!