Flutter 2.0 introduce il supporto di qualità di produzione per la creazione di app Web

Google ha rilasciato Flutter 2.0 come stabile e include il supporto di qualità di produzione per la creazione di app Web. Continuate a leggere per saperne di più!

Flutter 2.0 è stato rilasciato come stabile e con esso è disponibile il supporto web stabile. Ciò significa che Flutter è ora sicuro da utilizzare in progetti web di qualità produttiva.

Detto questo, vediamo cosa comporta Flutter per il Web.

Renderer

Esistono due modi in cui Flutter for Web può visualizzare la tua app in un browser. Può renderizzarlo utilizzando HTML, CSS e Canvas o utilizzando CanvasKit. Ognuno ha i suoi vantaggi. Il renderer HTML, poiché utilizza più elementi di base, è più veloce da scaricare e caricare. Il renderer CanvasKit è un po' più pesante, ma fornisce prestazioni migliori quando c'è molto sullo schermo.

Per impostazione predefinita, un'app Web Flutter sceglierà automaticamente quale renderer utilizzare, in base al dispositivo client. Ai dispositivi mobili verrà inviato il renderer HTML, mentre ai dispositivi desktop verrà inviato CanvasKit. Nel caso in cui desideri utilizzare un renderer specifico, Google ha fornito opzioni per utilizzare sempre l'uno o l'altro.

Una panoramica architettonica di Flutter. Fonte: Google

Funzionalità specifiche del Web

Anche se Flutter è multipiattaforma, ci sono ancora alcune cose specifiche per ciascuna piattaforma supportata. Questo perché alcune cose esistono solo su una piattaforma o funzionano in qualche modo che richiede un'API speciale. E il web non è diverso.

Flutter 2.0 aggiunge il supporto per cose come strategie URL personalizzate, collegamenti diretti alle app Web e supporto PWA adeguato. Quando crei un progetto Flutter per Web, verranno generati per te un manifest Web e modelli di serviceworker.

Gesti e tastiera

Per essere veramente multipiattaforma, un framework deve tenere conto del suo obiettivo. Se è in esecuzione su una piattaforma desktop, dovrebbe rispondere alle scorciatoie da tastiera. Sui dispositivi mobili, dovrebbe rispondere ai gesti di tocco e scorrimento.

Bene, Flutter for Web fa entrambe le cose. Attraverso il web, prende di mira sia i dispositivi desktop che quelli mobili. Con la versione stabile di Flutter per Web, è disponibile il supporto per i gesti nativi, a seconda della piattaforma client e della sorgente di input.

Plugin

Come ogni buon linguaggio, Flutter supporta le librerie o i plugin in questo caso. Come misura di sicurezza, i plugin devono specificare la compatibilità della loro piattaforma. Poiché Flutter for Web è un'aggiunta relativamente recente al framework, molti plugin, incluso quello di Google, non lo supportano.

Con il rilascio di Flutter 2.0, tutta una serie di plug-in Flutter di Google, incluso la suite Firebase, sono contrassegnati come compatibili con il Web.


Anche se questo potrebbe non sembrare molto, queste sono alcune funzionalità piuttosto importanti. Flutter 2.0 ha acquisito un'intera piattaforma ed è stato svolto molto lavoro per integrare Flutter per Web nel resto del framework.

Cosa ne pensi di Flutter per il Web? È una buona opzione per lo sviluppo web? Facci sapere!