Flutter 2: Una descripció completa
Suport web
El suport web d'alta gamma de Flutter és la declaració més important a l'esdeveniment de llançament de Flutter 2 a Flutter Engage. Anteriorment, la base de la web se centrava principalment en documents. Ara, les API de plataforma enriquides faciliten el desenvolupament d'aplicacions sofisticades fent servir API de pintura, gràfics 2D i 3D accelerats per maquinari i disseny flexible.
Flutter 2 ofereix suport web estable que brinda la mateixa experiència a la web que es podria obtenir en un dispositiu mòbil. Els experts en serveis de desenvolupament d'aplicacions mòbils poden crear aplicacions per a Android, iOS i navegador utilitzant la mateixa base de codi. És possible compilar codis Flutter existents escrits a Dart en una excel·lent experiència web perquè, amb Flutter 2, la web és només un altre dispositiu objectiu per a la seva aplicació.
La nova versió se centra en tres escenaris d'aplicacions:
- Aplicació d'una sola pàgina (SPA)
- Aplicació web progressiva (PWA)
- Portar les aplicacions mòbils existents basades en Flutter a la web i oferir la mateixa experiència
Flutter no es transfereix als equivalents HTML dels seus ginys. Més aviat, el motor web de Flutter ofereix una opció entre dos renderitzadors:
- Un renderitzador CanvasKit que utilitza WebGL i WebAssembly per renderitzar les ordres de pintura de Skia al llenç del navegador
- Un renderitzador HTML que està optimitzat per a una àmplia compatibilitat i mida
També es va crear una demostració de Flutter Plasma per mostrar la facilitat de crear una experiència de gràfics web sofisticada amb Dart que es pot executar sense problemes a dispositius mòbils i descriptori.
La comunitat també ha afegit algunes funcions específiques de la web, com autocompletar text, manifestos de PWA i control sobre l'encaminament i les adreces URL de la barra d'adreces.
Suport d'escriptori
Encara es troba en estat beta, la versió estable es pot llançar a finals d'aquest any. No obstant això, fem una ullada al que té per oferir.
Per als navegadors descriptori, la comunitat ha afegit dreceres de teclat, barres de desplaçament interactives, compatibilitat amb lectors de pantalla per facilitar laccés a Chrome OS, Windows i macOS, i ha millorat la densitat de contingut predeterminada en el mode descriptori.
Google ha realitzat diverses millores: portar l'escriptori de Flutter a una gran qualitat, garantir que l'edició de text ofereixi una experiència nativa a cada plataforma compatible, integrar funcions fonamentals com a punts de pivot de selecció de text, etc. També ha afegit un menú contextual incorporat al TextField i Widgets TextFormField per a Cupertino i llenguatges de disseny de materials. Els controls de subjecció s'afegeixen al widget ReorderableListView.
El giny de la barra de desplaçament actualitzat proporciona diverses característiques atractives que podeu utilitzar a l'escriptori. Flutter 2 també permet la gestió d'arguments de línia d'ordres per a aplicacions de Flutter. D'aquesta manera, es poden utilitzar coses com fer doble clic a un fitxer de dades a l'Explorador de fitxers de Windows per obrir un fitxer a l'aplicació.
Correcció d'aleteig
Flutter Fix és una col·lecció de diverses coses. Té una línia de comanda exclusiva de l'eina Dart CLI coneguda com a Dart Fix. És útil cercar la llista d'API obsoletes i actualitzar-ne el codi. També permet accedir a la llista de correccions accessibles que s'inclou amb l'SDK de Flutter.
A més, té un conjunt actualitzat d'extensions de Flutter per a Android Studio IDE, VScode i IntelliJ que poden presentar una llista similar de solucions accessibles i ajudar els desenvolupadors a canviar codis simplement usant el ratolí.
Portabilitat estesa
Google destaca 3 equips recents que presenten la portabilitat maximitzada de Flutter.
En primer lloc, Microsoft ampliarà el suport per a Flutter. Juntament amb la recent col·laboració per oferir suport de Windows de primera qualitat a Flutter, Microsoft també contribuirà al motor Flutter que facilita el desenvolupament d'aplicacions per a dispositius Android plegables.
En segon lloc, Canonical s'associa amb Google per portar Flutter a l'escriptori. Donarà suport al desenvolupament i la implementació d'aplicacions a Linux. Canonical promet oferir una excel·lent experiència en diverses configuracions de maquinari.
Finalment, Toyota, un fabricant líder de vehicles, va declarar que va adoptar algunes estratègies innovadores per oferir una experiència digital d'última generació als automòbils mitjançant la creació de diversos sistemes d'infoentreteniment habilitats per Flutter. Toyota va buscar contractar un desenvolupador de Flutter a causa del sistema tàctil de nivell de telèfon intel·ligent de Flutter, la iteració ràpida, l'ergonomia del desenvolupador i l'alt rendiment constant. Les API integrades de Flutter permetran a Toyota personalitzar Flutter i complir els requisits per construir sistemes d'infoentreteniment d'avantguarda.
Afegir a l'aplicació
Flutter 2 té com a objectiu reduir la càrrega de treball dels desenvolupadors a qualsevol agència de desenvolupament d'aplicacions al mateix temps que garanteix resultats d'alta qualitat. Add-to-App és una altra característica més per ressaltar aquest objectiu.
Els desenvolupadors poden afegir Flutter a una aplicació existent de Android o iOS. La funció Afegeix a l'aplicació és una manera excel·lent de reutilitzar el codi de Flutter en ambdues plataformes mentre s'emmagatzema la base de dades nativa actual. Amb aquest canvi, Google suggereix una possible integració del motor Flutter en aplicacions natives.
Foli d'aleteig
Com ja comentem, Flutter ara és compatible amb 3 plataformes: Android, iOS i web, i 3 més en versió beta: Windows, Linux i macOS. Com és possible crear una aplicació que canviï a diverses formes (pantalles petites, grans i mitjanes), diversos idiomes (web, mòbil i escriptori) i diversos modes d'entrada (teclat, ratolí i tàctil)?
Flutter Folio dóna una resposta a aquesta pregunta.
Flutter Folio és una aplicació d'àlbums de retallades dissenyada per presentar les capacitats de Flutter per crear aplicacions que s'executen sense problemes a totes les plataformes i dispositius: Android, iOS, Mac, Windows, Linux i la Web. És un exemple perfecte d'una aplicació adaptable, creada en col·laboració amb el gskinner i l'equip de Flutter.
Flutter DevTools
Flutter DevTools es fa servir per depurar les aplicacions de Flutter. Es presenta una nova característica que s'enfoca en qualsevol problema, fins i tot abans d'iniciar DevTools, és la capacitat d'IntelliJ, Android Studio o Visual Studio Code per notar cada cop que hi ha una excepció i oferir presentar-la a DevTools per iniciar el procés de depuració.
Mentre s'executa DevTools, les noves insígnies d'error a les pestanyes ajuden a rastrejar diversos problemes a l'aplicació.
A DevTools, s'ha afegit una nova funció que permet veure una imatge fàcilment a una resolució més alta de la que es mostra. Ajuda a reduir lús de memòria addicional i la mida de laplicació. Els desenvolupadors poden permetre que Invertir imatges grans a Flutter Inspector activi aquesta funció.
Google també ha afegit la capacitat de mostrar dissenys fixos. Això permet als desenvolupadors depurar diferents tipus de dissenys.
Altres funcions disponibles a Flutter DevTools 2 inclouen les següents:
- La vista Rendiment ara es diu CPU Profiler. De manera similar, la vista de línia de temps es reanomena a Rendiment. Els canvis destaquen les funcionalitats que ofereixen.
- Els nous gràfics de vista de memòria són més petits, més fàcils dutilitzar i més ràpids. Incorpora una nova hovercard que explica les activitats a un moment específic.
- La funcionalitat de cerca i filtratge s'afegeix a la pestanya Registre.
- Les dades mitjanes de FS i diverses millores d'usabilitat s'inclouen al gràfic Flutter Frames.
- La quadrícula de temps s'inclou als gràfics de flames de CPU Profiler.
- El formulari de registres de seguiment comença perquè els desenvolupadors puguin verificar l'historial de registre total quan l'inicien.
- Les sol·licituds de xarxa fallides es diran al generador de perfils de xarxa per a una correcció instantània.
Anuncis mòbils de Google per a Flutter
Google anuncia el llançament beta de Google Mobile Ads per a Flutter. El nou SDK funciona bé amb AdMob i AdManager per oferir diferents formats danuncis, incorporant bàners, anuncis de vídeo nadius, intersticials i recompensats.
Google també ha anunciat diverses actualitzacions dels complements de Flutter per a serveis clau de Firebase com Cloud Messaging, Cloud Firestore, Cloud Function, Authentication, Cloud Storage, Crashlytics, integrant assistència per a la seguretat nul·la del so, així com una actualització del Cloud Messaging Package .
Dard 2.12
Aquesta és una altra revelació important de Google. Dart 2.12 admet seguretat nul·la de so. Teniu el potencial d'eliminar qualsevol excepció de referència nul·la. D'aquesta manera, garanteix en el desenvolupament i el temps d'execució que els tipus només poden contenir valors nuls si un desenvolupador el selecciona expressament.
L'actualització també inclou una aplicació consistent de FFI (interfície de funcions estrangeres). Permet als desenvolupadors utilitzar la biblioteca dart:ffi per trucar a les API C natives.
Hora d'acabar
Com podeu veure, Flutter 2 porta alguns canvis innovadors en l'àmbit del desenvolupament d'aplicacions. La línia entre l'ús d'una web i una aplicació mòbil s'està esvaint gradualment a favor d'oferir una experiència d'usuari excel·lent de diverses plataformes i dispositius. Si busques anar amb el corrent, és hora de crear una aplicació amb Flutter 2!
