Google lansează Flutter 2: Ce este nou în el

Publicat: 2021-04-02

Google a lansat versiunea 2.0 a Flutter – un kit de dezvoltare a interfeței de utilizare open-source care le permite creatorilor de aplicații să creeze aplicații multiplatforme. Upgrade-ul evidențiază un pachet complet nou de funcții și portabilitatea îmbunătățită a Flutter pentru a susține aplicații pe diverse platforme.

Astăzi, vom explora ce are de oferit Flutter 2. Citiți blogul până la sfârșit.

Flutter 2: O privire de ansamblu completă

Suport web

Asistența web de vârf de la Flutter este cea mai importantă declarație în evenimentul de lansare a Flutter 2 la Flutter Engage. Anterior, fundația web-ului era în principal centrată pe documente. Acum, platformele-API-uri bogate facilitează dezvoltarea sofisticată a aplicațiilor folosind API-uri de vopsea, grafică 2D și 3D accelerată de hardware și aspect flexibil.

Flutter 2 oferă asistență web stabilă, care oferă aceeași experiență pe web ca și pe mobil. Experții serviciilor de dezvoltare a aplicațiilor mobile pot crea aplicații pentru Android, iOS și browser folosind aceeași bază de cod. Este posibil să compilați codurile Flutter existente scrise în Dart într-o experiență web excelentă, deoarece, cu Flutter 2, web-ul este doar un alt dispozitiv țintă pentru aplicația dvs.

Noua versiune se concentrează pe 3 scenarii de aplicație:

  • Aplicație pentru o singură pagină (SPA)
  • Aplicație web progresivă (PWA)
  • Aducerea pe web a aplicațiilor mobile existente bazate pe Flutter și oferind aceeași experiență

Flutter nu se transpilează în echivalentele HTML ale widget-urilor sale. Mai degrabă, motorul web al lui Flutter oferă posibilitatea de a alege între două dispozitive de redare:

  1. Un motor de randare CanvasKit care utilizează WebGL și WebAssembly pentru a reda comenzile Skia paint în panza browserului
  2. Un redator HTML care este optimizat pentru compatibilitate și dimensiune largi

O demonstrație a Flutter Plasma este, de asemenea, creată pentru a arăta ușurința de a crea o experiență grafică web sofisticată cu Dart, care poate rula fără probleme pe mobil și desktop.

Comunitatea a adăugat, de asemenea, câteva funcții specifice web, cum ar fi completarea automată a textului, manifestele PWA și controlul asupra adreselor URL de rutare și bară de adrese.

Suport pentru desktop

Este încă într-o stare beta, versiunea stabilă poate fi lansată mai târziu în acest an. Cu toate acestea, să aruncăm o privire la ceea ce are de oferit.

Pentru browserele desktop, comunitatea a adăugat comenzi rapide de la tastatură, bare de defilare interactive, suport pentru cititorul de ecran pentru o accesibilitate ușoară pe sistemul de operare Chrome, Windows și macOS și a îmbunătățit densitatea implicită de conținut în modul desktop.

Google a adus mai multe îmbunătățiri – aducând desktopul Flutter la o calitate excelentă, asigurându-se că editarea textului oferă o experiență nativă pe fiecare platformă acceptată, integrând funcții fundamentale, cum ar fi punctele pivot de selecție a textului etc. A adăugat, de asemenea, un meniu contextual încorporat în TextField și Widgeturi TextFormField pentru limbajele Cupertino și Material design. Mânerele de prindere sunt adăugate widget-ului ReorderableListView.

Widgetul actualizat cu bara de defilare oferă diverse funcții captivante pe care le puteți utiliza pe desktop. Flutter 2 permite, de asemenea, gestionarea argumentelor din linia de comandă pentru aplicațiile Flutter. În acest fel, lucruri precum dublu clic pe un fișier de date în Windows File Explorer pot fi folosite pentru a deschide un fișier în aplicație.

Flutter Fix

Flutter Fix este o colecție de diverse lucruri. Are o linie de comandă exclusivă a instrumentului Dart CLI cunoscut sub numele de Dart Fix. Vă ajută să căutați lista de API-uri depreciate și să faceți upgrade la codul cu acestea. De asemenea, permite accesul la lista de corecții accesibile care este ambalată cu Flutter SDK.

În plus, are un set actualizat de extensii Flutter pentru Android Studio IDE, VScode și IntelliJ care poate prezenta o listă similară de soluții accesibile și poate ajuta dezvoltatorii să schimbe codurile pur și simplu folosind mouse-ul.

Portabilitate extinsă

Google evidențiază 3 echipe recente care prezintă portabilitatea maximizată a lui Flutter.

În primul rând, Microsoft își va extinde suportul pentru Flutter. Pe lângă colaborarea recentă pentru a oferi suport Windows de calitate premium în Flutter, Microsoft va contribui și la motorul Flutter care facilitează dezvoltarea aplicațiilor pentru dispozitivele Android pliabile.

În al doilea rând, Canonical se asociază cu Google pentru a aduce Flutter pe desktop. Acesta va sprijini dezvoltarea și implementarea aplicațiilor pe Linux. Canonical promite să ofere o experiență superbă pe mai multe configurații hardware.

În cele din urmă, Toyota – un producător de top de vehicule – a declarat că a adoptat câteva strategii inovatoare pentru a oferi mașinilor o experiență digitală de nouă generație prin crearea diferitelor sisteme de infotainment activate de Flutter. Toyota a căutat să angajeze un dezvoltator Flutter datorită sistemului tactil Flutter la nivelul smartphone-ului, repetarea rapidă, ergonomia dezvoltatorului și performanța ridicată constantă. API-urile încorporate ale Flutter vor permite Toyota să personalizeze Flutter și să îndeplinească cerințele pentru construirea de sisteme de infotainment de ultimă oră.

Adăugați la aplicație

Flutter 2 își propune să reducă volumul de muncă al dezvoltatorilor de la orice agenție de dezvoltare de aplicații, asigurând totodată rezultate de înaltă calitate. Add-to-App este încă o altă caracteristică pentru a evidenția acest scop.

Dezvoltatorii pot adăuga Flutter la o aplicație Android sau iOS existentă. Caracteristica Add-to-App este o modalitate excelentă de a reutiliza codul Flutter pe ambele platforme, în același timp cu stocarea bazei de date native actuale. Odată cu această schimbare, Google sugerează o posibilă integrare a motorului Flutter în aplicațiile native.

Flutter Folio

După cum am discutat deja, Flutter acceptă acum 3 platforme - Android, iOS și web și încă 3 în versiune beta - Windows, Linux și macOS. Cum este posibil să creezi o aplicație care se schimbă în mai multe forme (ecrane mici, mari și medii), mai multe expresii (web, mobil și desktop) și mai multe moduri de introducere (tastatură, mouse și atingere)?

Flutter Folio oferă un răspuns la această întrebare.

Flutter Folio este o aplicație de scrapbooking concepută pentru a prezenta capabilitățile lui Flutter de a crea aplicații care rulează perfect pe fiecare platformă și dispozitiv: Android, iOS, Mac, Windows, Linux și web. Este un exemplu perfect de aplicație adaptivă, construită în colaborare cu gskinner și echipa Flutter.

Flutter DevTools

Flutter DevTools este folosit pentru depanarea aplicațiilor Flutter. Este introdusă o nouă caracteristică care se concentrează pe orice problemă chiar înainte de lansarea DevTools este capacitatea IntelliJ, Android Studio sau Visual Studio Code de a observa ori de câte ori există o excepție și de a oferi prezentarea în DevTools pentru a iniția procesul de depanare.

În timp ce rulați DevTools, noile insigne de eroare de pe file ajută la identificarea diferitelor probleme din aplicație.

În DevTools, a fost adăugată o altă funcție nouă care permite vizualizarea cu ușurință a unei imagini la o rezoluție mai mare decât cea prezentată. Ajută la reducerea utilizării suplimentare a memoriei și a dimensiunii aplicației. Dezvoltatorii pot permite inversarea imaginilor supradimensionate din Flutter Inspector să activeze această funcție.

Google a adăugat și capacitatea de a afișa aspecte fixe. Acest lucru permite dezvoltatorilor să depaneze diferite tipuri de layout-uri.

Alte caracteristici disponibile în Flutter DevTools 2 includ următoarele:

  • Vizualizarea Performanță este acum redenumită CPU Profiler. În mod similar, vizualizarea Cronologie este redenumită Performanță. Schimbările evidențiază funcționalitățile pe care le oferă.
  • Noile diagrame de vizualizare a memoriei sunt mai mici, mai ușor de utilizat și mai rapide. Încorporează un nou hovercard care explică activitățile la un anumit moment.
  • Funcționalitățile de căutare și filtrare sunt adăugate la fila Înregistrare.
  • Datele medii FS și diverse îmbunătățiri de utilizare sunt incluse în diagrama Flutter Frames.
  • Grila de sincronizare este inclusă în diagramele de flacără CPU Profiler.
  • Formularul Tracklogs este pornit, astfel încât dezvoltatorii să poată verifica istoricul total de înregistrare când îl pornesc.
  • Solicitările de rețea nereușite vor fi apelate în profilul de rețea pentru fixare instantanee.

Anunțuri mobile Google pentru Flutter

Google anunță lansarea beta a Google Mobile Ads pentru Flutter. Noul SDK funcționează bine cu AdMob și AdManager pentru a oferi diferite formate de anunțuri, încorporând anunțuri banner, native, intercalate și video cu recompensă.

Google a declarat, de asemenea, diverse actualizări ale plug-in-urilor Flutter pentru servicii cheie Firebase, cum ar fi Cloud Messaging, Cloud Firestore, Cloud Function, Authentication, Cloud Storage, Crashlytics, integrarea asistenței pentru siguranța sunetului nul, precum și o actualizare a Cloud Messaging Package.

Dart 2.12

Aceasta este încă o altă revelație semnificativă a Google. Dart 2.12 acceptă siguranța nulă a sunetului. Are potențialul de a elimina orice excepție de referință nulă. În acest fel, se asigură în timpul dezvoltării și al rulării că tipurile pot conține doar valori nule în cazul în care un dezvoltator le selectează în mod expres.

Actualizarea include, de asemenea, o aplicație consecventă a FFI (Foreign Function Interface). Le permite dezvoltatorilor să folosească biblioteca dart:ffi pentru a apela API-uri C native.

E timpul să închei

După cum puteți vedea, Flutter 2 aduce câteva schimbări inovatoare în domeniul dezvoltării aplicațiilor. Limita dintre utilizarea unui web și a unei aplicații mobile se estompează treptat în favoarea oferirii unei experiențe de utilizator superbe pe diverse platforme și dispozitive. Dacă doriți să mergeți cu fluxul, este timpul să construiți o aplicație cu Flutter 2!