[Google IO 2018] Flutter Beta 3 è uscito ed è più potente che mai

Mentre il mondo dello sviluppo di app multipiattaforma era concentrato principalmente sul framework React Native, il tempo è cambiato.

Dall'annuncio di Flutter e dall'applicazione del lancio della sua beta, è diventato chiaro che l'idea che circola nella comunità di sviluppo di app - le app Flutter sono migliori di React Native - è destinata a diventare un fatto accettato a livello globale.

L'SDK multipiattaforma è stato lanciato con una serie di funzionalità che lo hanno portato in cima alla gara di Flutter vs React Native 2018.

Ecco alcuni dei fattori di differenziazione incorporati nelle app Flutter:

Ricarica a caldo

Questa è una delle funzionalità più potenti di Flutter. Usandolo, puoi vedere l'effetto delle modifiche apportate al codice istantaneamente sullo schermo.

La ricarica a caldo rende lo sviluppo di app mobili multipiattaforma molto più intelligente e veloce.

Set completo di widget per il design dei materiali

Flutter viene fornito con un fantastico catalogo di componenti dell'interfaccia utente integrati. Hanno incorporato due tipi di widget nel loro SDK: Material Design per Android e Cupertino per iOS. Gli sviluppatori hanno la libertà di scegliere uno dei due e implementarli su tutte le piattaforme.

L'intero SDK è un insieme di widget

Il principio fondamentale delle app Flutter sta nel rendere tutto un widget. La classe app è un widget (MaterialApp), l'intera struttura del layout è il widget (Scaffold) e in genere tutto è un widget (Drawer, AppBar, SnackBar). In effetti, c'è un widget per cambiare la vista al centro.

Tema diverso per iOS e Android

Flutter viene fornito con diversi temi che vengono forniti con widget, colori e dimensioni specifici per Android e iOS.

Essendo alimentata dai temi specifici della piattaforma, ogni app Flutter ha un aspetto nativo.

Supporto di più pacchetti

Anche nella sua versione beta, Flutter ha il supporto di numerosi pacchetti. Esistono pacchetti separati per effettuare richieste HTTP, aprire immagini, archiviare preferenze, condividere contenuti, implementare Firebase, accedere ai sensori e molto altro.

[Leggi di più su Flutter e cosa lo rende migliore di React Native: Flutter: uno sguardo dettagliato alla versione beta che sarà resa popolare in Google I/O 2018 ]

La versione beta di Flutter, che è stata lanciata al Mobile World Congress nel marzo 2018, ha spinto diversi marchi a essere presenti sia su iPhone che su Android, entrambi con un aspetto altamente nativo utilizzando Flutter.

Sin dal lancio, sono state pubblicate numerose app sugli Store supportate dalla potenza di Flutter. Un numero che aumenterà solo dall'I/O 2018.

Flutter Beta 3.0 lanciato nell'I/O 2018

In Google I/O 2018, il gigante della tecnologia ha annunciato il lancio di Flutter Beta 3 con una serie di nuove funzionalità che rendono lo sviluppo di app multipiattaforma su Flutter ancora più personalizzabile e conveniente.

Ecco le funzionalità che sono state introdotte in Flutter Beta 3:

La nuova versione si concentra principalmente su tre componenti: Fondamentale, Ecosistema e Strumenti.

Nell'area dei Fondamenti

Sono state apportate numerose modifiche ai widget Material Design in Flutter Beta 3 per aumentare il livello di personalizzazione e flessibilità:

• È stato aggiunto un componente BottomAppBar
• Il supporto per Chips è stato migliorato e ampliato
• InputDecorator ora supporta la modalità sottolineata/riempita e delineata
• Maggiore personalizzazione di colore e forma con Slider
• La flessibilità del posizionamento con FloatingActionButton

Insieme a questi, sono state apportate numerose modifiche all'applicazione Flutter Gallery per mostrare una serie di modifiche come: nuova demo di Sfondo, campi di testo aggiornati, demo aggiunta per OutlineButton e indicatore di selezione personalizzato.

Oltre a questo, Flutter include una serie di miglioramenti nel supporto dell'accessibilità per le applicazioni che utilizzano Flutter, che include il miglioramento del supporto per testo di grandi dimensioni, lettori di schermo e capacità di contrasto.

Inoltre, con Flutter, le aziende ora possono persino creare app che si trovano negli script della lingua da destra a sinistra.

Nell'area dell'Ecosistema

Un nuovo set di plug-in con funzionalità complete è stato aggiunto alla suite di plug-in Firebase nel più grande annuncio di Google I/O 2018 Flutter Beta 3: Remote Config, Performance Monitoring e Cloud Firestore. Il supporto offerto da Flutter per gli annunci basati su AdMob Google si sta dirigendo verso la versione beta, che consentirebbe agli sviluppatori di monetizzare le loro applicazioni basate su Flutter.

Il nuovo plug-in AdMob aiuta il caricamento e la visualizzazione di annunci video banner, interstitial e basati su premi con l'aiuto dell'API di AdMob.

Per quanto riguarda gli utensili

Flutter ha ridisegnato UI Inspector con la nuova funzione "Just My Widgets", che filtra i widget generati automaticamente. Gli sviluppatori possono persino eseguire la loro app Flutter nella modalità profilo che aggiunge display di utilizzo della memoria e fotogrammi al secondo.

Inoltre, il codice di Visual Studio è ora in fase di sviluppo come ambiente di sviluppo completamente supportato per Flutter. Insieme a queste, altre caratteristiche degne di nota che sono state rilasciate sia per Visual Studio che per Android Studio sono costituite da un'ampia serie di refactoring. Include anche un refactor Extract Widget, che aiuta a creare una nuova classe Widget e aggiungere una chiamata al relativo costruttore nella posizione nativa.

Per questa versione e per quelle future, Google ha stretto una partnership con Flutter e Material Design per portare la potenza del design innovativo nel mondo della bellissima interfaccia utente per Android e iOS toolkit.

Esaminiamo di più la combinazione Flutter e Material Design.

Rendi Flutter migliore con i temi dei materiali

La sessione di Google I/O 2018 sulla codifica di Beautiful Design con Flutter e Material Design è iniziata con l'introduzione di come, una volta uniti, Flutter e Material Design creano un'app espressiva, migliorata e un piacere per gli sviluppatori su cui lavorare.

Mentre Flutter viene già fornito con una vasta libreria di widget come lo scorrimento, i contenitori e le visualizzazioni di elenco progettati sui principi del Material Design, questa volta Google I/O 2018 ha annunciato qualcosa di nuovo con Material Design: Material Theming.

Il tema del materiale aiuta ad applicare l'immagine del tuo marchio in tutto il design dell'app mobile. Tutto, dalla forma, alla tipografia, al colore e alle curve di animazione, è stato reso personalizzabile per adattarsi all'esatto look del marchio. Puoi scegliere la tavolozza dei colori e i temi tipografici oppure puoi modificare la forma del design per creare un tema tutto tuo nell'app Flutter.

Sono usciti per annunciare ulteriormente che d'ora in poi Flutter è una piattaforma di Material Design. D'ora in poi la documentazione di iOS, Android, Flutter e Web attraverso i componenti dei materiali, la suite di strumenti per i materiali e le linee guida sui materiali.

Ora, il motivo per cui Material Design è stato aggiunto con Flutter è perché quando sono state lanciate le linee guida di Material Design, i marchi hanno iniziato a seguirle e implementarle religiosamente, il che ha dato vita a una serie di app dall'aspetto simile. Per risolvere questo problema e incorporare un tocco di individualità in tutte le app Flutter, Google ha introdotto Material Theming in Flutter Beta 3.

Basate su Material Design, le app Flutter sono rese espressive, con layout, widget e temi personalizzabili. Migliorato – con nuovo stile e componenti come campo di testo e sfondo. Delizioso – offrendo estensibilità dei componenti.

Utilizzando la combinazione di Material Design e Flutter SDK, sono state sviluppate e pubblicate numerose app sia per Android che per iPhone.

Uno sguardo all'elenco delle app create con Flutter

• Alibaba – App per l'e-commerce
• Google AdWords – App per la gestione delle campagne pubblicitarie
• AppTree – App aziendale
• Topline - App di intrattenimento
• Birch Finance - App per le finanze
• Allenati da solo - App per lo stile di vita
• Google Greentea – App aziendale
• Hamilton Musical - App di intrattenimento
• Hookle - App per la gestione dei social media
• OfflinePal – App Turismo
• VivaBem Pol – App Salute e Benessere
• BetaBubs – App di messaggistica istantanea