Google publie Flutter 2 : quoi de neuf ?

Google a lancé la version 2.0 de Flutter, un kit de développement d'interface utilisateur open source qui permet aux créateurs d'applications de créer des applications multiplateformes. La mise à niveau met en évidence un tout nouveau pack de fonctionnalités et une portabilité améliorée de Flutter pour prendre en charge les applications sur diverses plates-formes.

Aujourd'hui, nous allons explorer ce que Flutter 2 a à offrir. Lisez le blog jusqu'au bout.

Flutter 2 : un aperçu complet

Assistance Web

Le support Web haut de gamme de Flutter est la déclaration la plus cruciale de l'événement de lancement de Flutter 2 à Flutter Engage. Auparavant, la fondation du Web était principalement centrée sur les documents. Désormais, des API de plate-forme riches facilitent le développement d'applications sophistiquées à l'aide d'API de peinture, de graphiques 2D et 3D accélérés par le matériel et d'une mise en page flexible.

Flutter 2 offre une prise en charge Web stable qui offre la même expérience sur le Web que celle que l'on pourrait obtenir sur mobile. Les experts des services de développement d'applications mobiles peuvent créer des applications pour Android, iOS et le navigateur en utilisant la même base de code. Il est possible de compiler les codes Flutter existants écrits dans Dart en une excellente expérience Web car, avec Flutter 2, le Web n'est qu'une autre cible d'appareil pour votre application.

La nouvelle version se concentre sur 3 scénarios d'application :

• Application monopage (SPA)
• Application Web progressive (PWA)
• Amener les applications mobiles existantes basées sur Flutter sur le Web et offrir la même expérience

Flutter ne transpile pas les équivalents HTML de ses widgets. Au lieu de cela, le moteur Web de Flutter offre le choix entre deux moteurs de rendu :

1. Un moteur de rendu CanvasKit qui utilise WebGL et WebAssembly pour afficher les commandes de peinture Skia sur le canevas du navigateur
2. Un moteur de rendu HTML optimisé pour une compatibilité et une taille étendues

Une démo de Flutter Plasma est également conçue pour montrer la facilité de créer une expérience graphique Web sophistiquée avec Dart qui peut fonctionner de manière transparente sur mobile et sur ordinateur.

La communauté a également ajouté des fonctionnalités spécifiques au Web telles que le remplissage automatique du texte, les manifestes PWA et le contrôle des URL de routage et de barre d'adresse.

Support de bureau

Il est encore en version bêta, la version stable pourrait sortir plus tard cette année. Néanmoins, regardons ce qu'il a à offrir.

Pour les navigateurs de bureau, la communauté a ajouté des raccourcis clavier, des barres de défilement interactives, une prise en charge des lecteurs d'écran pour une accessibilité facile sur Chrome OS, Windows et macOS, et amélioré la densité de contenu par défaut en mode bureau.

Google a apporté plusieurs améliorations - apportant au bureau Flutter une grande qualité, garantissant que l'édition de texte offre une expérience native sur chaque plate-forme prise en charge, intégrant des fonctionnalités fondamentales telles que les points de pivot de sélection de texte, etc. Il a également ajouté un menu contextuel intégré au TextField et Widgets TextFormField pour les langages de conception Cupertino et Material. Des poignées de saisie sont ajoutées au widget ReorderableListView.

Le widget de barre de défilement mis à jour fournit diverses fonctionnalités attrayantes que vous pouvez utiliser sur le bureau. Flutter 2 permet également la gestion des arguments de ligne de commande pour les applications Flutter. De cette façon, des choses comme un double-clic sur un fichier de données dans l'explorateur de fichiers Windows peuvent être utilisées pour ouvrir un fichier dans l'application.

Correction du flottement

Flutter Fix est une collection de différentes choses. Il dispose d'une ligne de commande exclusive de l'outil Dart CLI connu sous le nom de Dart Fix. Il est utile de rechercher la liste des API obsolètes et de mettre à niveau le code avec celles-ci. Il permet également d'accéder à la liste des correctifs accessibles fournie avec Flutter SDK.

En outre, il dispose d'un ensemble mis à jour d'extensions Flutter pour Android Studio IDE, VScode et IntelliJ qui peuvent présenter une liste similaire de solutions accessibles et aider les développeurs à modifier les codes simplement à l'aide de la souris.

Portabilité étendue

Google met en avant 3 équipes récentes qui présentent la portabilité maximisée de Flutter.

Tout d'abord, Microsoft étendra son support pour Flutter. Parallèlement à la récente collaboration pour offrir une prise en charge Windows de qualité supérieure dans Flutter, Microsoft contribuera également au moteur Flutter qui facilite le développement d'applications pour les appareils Android pliables.

Deuxièmement, Canonical s'associe à Google pour amener Flutter sur le bureau. Il prendra en charge le développement et le déploiement d'applications sur Linux. Canonical promet d'offrir une superbe expérience sur plusieurs configurations matérielles.

Enfin, Toyota - un constructeur automobile de premier plan - a déclaré adopter des stratégies novatrices pour offrir une expérience numérique de nouvelle génération aux voitures en créant divers systèmes d'infodivertissement activés par Flutter. Toyota a cherché à embaucher le développeur Flutter en raison du système tactile au niveau du smartphone de Flutter, de l'itération rapide, de l'ergonomie du développeur et des performances élevées constantes. Les API intégrées de Flutter permettront à Toyota de personnaliser Flutter et de répondre aux exigences de la construction de systèmes d'infodivertissement de pointe.

Ajouter à l'application

Flutter 2 vise à réduire la charge de travail des développeurs de toute agence de développement d'applications tout en garantissant des résultats de haute qualité. Add-to-App est encore une autre fonctionnalité pour mettre en évidence cet objectif.

Les développeurs peuvent ajouter Flutter à une application Android ou iOS existante. La fonctionnalité Add-to-App est un excellent moyen de réutiliser le code Flutter sur les deux plates-formes tout en stockant la base de données native actuelle. Avec ce changement, Google suggère une éventuelle intégration du moteur Flutter dans les applications natives.

Folio flottant

Comme nous l'avons déjà mentionné, Flutter prend désormais en charge 3 plates-formes - Android, iOS et Web et 3 autres en version bêta - Windows, Linux et macOS. Comment est-il possible de créer une application qui évolue vers plusieurs formes (petits, grands et moyens écrans), plusieurs idiomes (web, mobile et bureau) et plusieurs modes de saisie (clavier, souris et tactile) ?

Flutter Folio donne une réponse à cette question.

Flutter Folio est une application de scrapbooking conçue pour présenter les capacités de Flutter pour créer des applications qui s'exécutent de manière transparente sur toutes les plateformes et tous les appareils : Android, iOS, Mac, Windows, Linux et le Web. C'est un exemple parfait d'application adaptative, construite en collaboration avec le gskinner et l'équipe Flutter.

Flutter DevTools

Flutter DevTools est utilisé pour déboguer les applications Flutter. Une nouvelle fonctionnalité est introduite qui se concentre sur n'importe quel problème avant même de lancer les DevTools est la capacité pour IntelliJ, Android Studio ou Visual Studio Code de remarquer chaque fois qu'il y a une exception et de proposer de la présenter dans DevTools afin de lancer le processus de débogage.

Lors de l'exécution de DevTools, de nouveaux badges d'erreur sur les onglets aident à détecter divers problèmes dans l'application.

Dans DevTools, une autre nouvelle fonction a été ajoutée qui permet de voir facilement une image à une résolution plus élevée que celle qui est présentée. Cela aide à réduire l'utilisation de la mémoire supplémentaire et la taille de l'application. Les développeurs peuvent autoriser l'inversion des images surdimensionnées dans l'inspecteur Flutter pour activer cette fonctionnalité.

Google a également ajouté la possibilité d'afficher des mises en page fixes. Cela permet aux développeurs de déboguer différents types de mises en page.

Les autres fonctionnalités disponibles dans Flutter DevTools 2 incluent les suivantes :

• La vue Performances est désormais renommée CPU Profiler. De même, la vue Chronologie est renommée Performances. Les changements mettent en évidence les fonctionnalités qu'ils offrent.
• Les nouveaux graphiques de vue mémoire sont plus petits, plus faciles à utiliser et plus rapides. Il intègre un nouvel hovercard qui explique les activités à un moment précis.
• Des fonctionnalités de recherche et de filtrage sont ajoutées à l'onglet Journalisation.
• Les données FS moyennes et diverses améliorations de la convivialité sont incluses dans le graphique Flutter Frames.
• La grille de synchronisation est incluse dans les diagrammes de flamme du profileur CPU.
• Le formulaire Tracklogs est lancé afin que les développeurs puissent vérifier l'historique total de journalisation lorsqu'ils le démarrent.
• Les requêtes réseau infructueuses seront signalées dans le profileur de réseau pour une réparation instantanée.

Annonces mobiles Google pour Flutter

Google annonce le lancement bêta de Google Mobile Ads pour Flutter. Le nouveau SDK fonctionne bien avec AdMob et AdManager pour offrir différents formats d'annonces, incorporant des bannières, des annonces vidéo natives, interstitielles et récompensées.

Google a également déclaré diverses mises à jour des plug-ins Flutter pour les principaux services Firebase tels que Cloud Messaging, Cloud Firestore, Cloud Function, Authentication, Cloud Storage, Crashlytics, intégrant une assistance pour la sécurité nulle du son ainsi qu'une mise à jour du Cloud Messaging Package.

Fléchette 2.12

C'est encore une autre révélation importante de Google. Dart 2.12 prend en charge la sécurité nulle du son. Il a le potentiel de supprimer toute exception de référence nulle. De cette façon, il garantit au développement et à l'exécution que les types ne peuvent contenir que des valeurs nulles si un développeur les sélectionne expressément.

La mise à jour comprend également une application cohérente de FFI (Foreign Function Interface). Il permet aux développeurs d'utiliser la bibliothèque dart:ffi afin d'appeler des API C natives.

Il est temps de conclure

Comme vous pouvez le voir, Flutter 2 apporte des changements révolutionnaires dans le domaine du développement d'applications. La frontière entre l'utilisation d'une application Web et d'une application mobile s'estompe progressivement au profit d'une superbe expérience utilisateur sur diverses plates-formes et appareils. Si vous cherchez à suivre le courant, il est temps de créer une application avec Flutter 2 !