Flutter 2 : un aperçu complet
assistance Internet
Le support Web haut de gamme de Flutter est la plus grande déclaration lors de l'événement de lancement de Flutter 2 à Flutter Engage. Auparavant, la base du Web était principalement axée sur les documents. Désormais, les 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 Web que celle que vous obtiendriez sur un appareil mobile. Les experts en 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 des codes Flutter existants écrits dans Dart pour créer une expérience Web exceptionnelle car, avec Flutter 2, le Web n'est qu'un autre périphérique cible pour votre application.
La nouvelle version se concentre sur 3 scénarios d'application :
- Demande d'une seule page (SPA)
- Application Web progressive (PWA)
- Apportez les applications mobiles existantes basées sur Flutter sur le Web et offrez la même expérience
Flutter ne transfère pas vers les équivalents HTML de ses widgets. Le moteur Web Flutter offre plutôt le choix entre deux moteurs de rendu :
- Un moteur de rendu CanvasKit qui utilise WebGL et WebAssembly pour restituer les commandes de peinture Skia sur le canevas du navigateur
- Un moteur de rendu HTML optimisé pour une compatibilité et une taille étendues
Une démo Flutter Plasma a également été créée pour montrer la facilité de création d'une expérience graphique Web sophistiquée avec Dart qui peut fonctionner de manière transparente sur les appareils mobiles et de bureau.
La communauté a également ajouté certaines fonctionnalités spécifiques au Web, telles que la saisie semi-automatique du texte, les manifestes PWA et le contrôle du routage et des URL de la barre d'adresse.
Support de bureau
Il est encore en version bêta, la version stable pourrait être publiée plus tard cette année. Cependant, jetons un coup d'œil à ce qu'il a à offrir.
Pour les navigateurs de bureau, la communauté a ajouté des raccourcis clavier, des barres de défilement interactives, la prise en charge des lecteurs d'écran pour un accès plus facile sur Chrome OS, Windows et macOS, et a amélioré la densité du contenu par défaut en mode bureau.
Google a apporté plusieurs améliorations : améliorer la qualité du bureau Flutter, garantir que l'édition de texte offre une expérience native sur chaque plate-forme prise en charge, intégrer des fonctionnalités critiques telles que les points pivots de sélection de texte, etc. Il a également ajouté un menu contextuel intégré aux widgets TextField et TextFormField pour Cupertino et les langages de conception matérielle. Les contrôles Grab sont ajoutés au widget ReorderableListView.
Le widget de barre de défilement mis à jour offre plusieurs 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 double-cliquer 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 un ensemble de plusieurs choses. Il dispose d'un outil Dart CLI en ligne de commande unique appelé Dart Fix. Il est utile de rechercher la liste des API obsolètes et de mettre à jour le code avec elles. Il permet également d'accéder à la liste des correctifs accessibles inclus avec le SDK Flutter.
De plus, 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 sa prise en charge de Flutter. Parallèlement à la récente collaboration visant à fournir une prise en charge Windows premium 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. Vous prendrez en charge le développement et le déploiement d'applications sur Linux. Canonical promet d'offrir une excellente expérience sur diverses configurations matérielles.
Enfin, Toyota, l'un des principaux constructeurs automobiles, a déclaré avoir adopté des stratégies innovantes pour apporter une expérience numérique de nouvelle génération aux voitures en créant divers systèmes d'infodivertissement compatibles Flutter. Toyota a cherché à embaucher un développeur Flutter en raison du système tactile de Flutter au niveau du smartphone, de ses itérations rapides, de son ergonomie pour les développeurs et de ses performances constamment élevées. Les API intégrées de Flutter permettront à Toyota de personnaliser Flutter et de répondre aux exigences de création de systèmes d'infodivertissement de pointe.
Ajouter à l'application
Flutter 2 vise à réduire la charge de travail des développeurs dans toute agence de développement d'applications tout en garantissant des résultats de haute qualité. L'ajout à l'application 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é Ajouter à l'application 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 possible intégration du moteur Flutter dans les applications natives.
folio flottant
Comme nous l'avons déjà mentionné, Flutter est désormais compatible avec 3 plateformes : Android, iOS et web, et 3 autres en version bêta : Windows, Linux et macOS. Comment créer une application qui bascule vers plusieurs formulaires (petits, grands et moyens écrans), plusieurs langues (web, mobile et ordinateur) 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 permettant de créer des applications qui fonctionnent correctement sur toutes les plateformes et tous les appareils : Android, iOS, Mac, Windows, Linux et le Web. C'est un exemple parfait d'application réactive, créée en collaboration avec gskinner et l'équipe Flutter.
Outils de développement Flutter
Flutter DevTools est utilisé pour déboguer les applications Flutter. L'introduction d'une nouvelle fonctionnalité qui cible tout problème avant même de démarrer DevTools est la possibilité 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 à DevTools pour démarrer le processus de débogage.
Lors de l'exécution de DevTools, de nouveaux badges d'erreur dans les onglets permettent de suivre divers problèmes dans l'application.
Dans DevTools, une autre nouvelle fonctionnalité a été ajoutée qui vous permet de visualiser facilement une image à une résolution supérieure à celle affichée. Aide à réduire l’utilisation supplémentaire de la mémoire et la taille des applications. Les développeurs peuvent autoriser Flip Large Images dans Flutter Inspector pour activer cette fonctionnalité.
Google a également ajouté la possibilité d'afficher des mises en page collantes. Cela permet aux développeurs de déboguer différents types de conceptions.
Les autres fonctionnalités disponibles dans Flutter DevTools 2 sont les suivantes :
- La vue Performances s'appelle désormais CPU Profiler. De même, la vue chronologique est renommée Performance. Les changements mettent en valeur les fonctionnalités qu’ils offrent.
- Les nouveaux graphiques d'affichage de la mémoire sont plus petits, plus faciles à utiliser et plus rapides. Il intègre une nouvelle hovercard qui explique les activités à un moment précis.
- La fonctionnalité de recherche et de filtrage est ajoutée à l'onglet Registre.
- 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 graphiques de flamme CPU Profiler.
- Le formulaire des journaux de suivi est lancé afin que les développeurs puissent vérifier l'historique total des journaux lorsqu'ils le lancent.
- Les requêtes réseau ayant échoué seront appelées dans le profileur réseau pour une correction instantanée.
Annonces mobiles Google pour Flutter
Google annonce le lancement bêta de Google Mobile Ads for Flutter. Le nouveau SDK fonctionne bien avec AdMob et AdManager pour proposer différents formats d'annonces, intégrant des bannières, des annonces vidéo natives, des interstitiels et des récompenses.
Google a également annoncé plusieurs mises à jour des plugins Flutter pour les services Firebase clés tels que Cloud Messaging, Cloud Firestore, Cloud Function, Authentication, Cloud Storage, Crashlytics, intégrant la prise en charge de la sécurité Null Sound, ainsi qu'une mise à jour du Cloud Messaging Package.
Fléchette 2.12
C'est une autre révélation importante de Google. Dart 2.12 prend en charge la sécurité sonore nulle. Il a le potentiel d’éliminer toute exception de référence nulle. De cette façon, vous garantissez au moment du développement et de l'exécution que les types ne peuvent contenir des valeurs nulles que si un développeur les sélectionne expressément.
La mise à jour inclut également une implémentation cohérente de FFI (interface de fonctions étrangères). Permet aux développeurs d'utiliser la bibliothèque dart:ffi pour appeler des API C natives.
il est temps de finir
Comme vous pouvez le constater, Flutter 2 apporte des changements innovants dans le domaine du développement d'applications. La frontière entre l'utilisation d'un Web et d'une application mobile s'estompe progressivement au profit de l'offre d'une expérience utilisateur exceptionnelle sur plusieurs plates-formes et appareils. Si vous souhaitez suivre le courant, il est temps de créer une application avec Flutter 2 !
