[Google IO 2018] Flutter Beta 3 est sorti et il est plus puissant que jamais

Alors que le monde du développement d'applications multiplateformes était principalement concentré sur le framework React Native, le temps a changé.

Depuis l'annonce de Flutter et l'application de son lancement bêta, il est devenu clair que l'idée de faire le tour de la communauté de développement d'applications - les applications Flutter sont meilleures que React Native - est en passe de devenir un fait mondialement accepté.

Le SDK multiplateforme a été lancé avec un certain nombre de fonctionnalités qui l'ont propulsé au sommet de la course Flutter vs React Native 2018.

Voici quelques-uns des facteurs de différenciation qui sont intégrés dans les applications Flutter -

Rechargement à chaud

C'est l'une des fonctionnalités les plus puissantes de Flutter. En l'utilisant, vous pouvez voir l'effet des modifications que vous apportez au code instantanément sur l'écran.

Le rechargement à chaud rend le développement d'applications mobiles multiplateformes beaucoup plus intelligent et plus rapide.

Ensemble complet de widgets de conception de matériaux

Flutter est livré avec un catalogue incroyable de composants d'interface utilisateur intégrés. Ils ont intégré deux types de widgets dans leur SDK - Material Design pour Android et Cupertino pour iOS. Les développeurs ont la liberté de choisir l'un ou l'autre et de les déployer sur toutes les plateformes.

L'ensemble du SDK est un ensemble de widgets

Le principe de base des applications Flutter consiste à faire de tout un widget. La classe d'application est un widget (MaterialApp), toute la structure de mise en page est le widget (Scaffold), et généralement, tout est un widget (Drawer, AppBar, SnackBar). En fait, il existe un widget pour changer la vue au centre.

Thème différent pour iOS et Android

Flutter est livré avec différents thèmes qui viennent avec des widgets, des couleurs et des dimensions spécifiques à Android et iOS.

Étant alimentée par les thèmes spécifiques à la plate-forme, chaque application Flutter a une apparence native.

Prise en charge de plusieurs packages

Même dans sa version bêta, Flutter prend en charge un certain nombre de packages. Il existe des packages distincts pour effectuer des requêtes HTTP, ouvrir des images, stocker des préférences, partager du contenu, implémenter Firebase, accéder à des capteurs, etc.

[En savoir plus sur Flutter et ce qui le rend meilleur que React Native : Flutter : un aperçu détaillé de la version bêta qui sera popularisée dans Google I/O 2018 ]

La version bêta de Flutter qui a été déployée lors du Mobile World Congress en mars 2018 a poussé un certain nombre de marques à être présentes à la fois sur iPhone et Android, toutes deux avec un look natif élevé utilisant Flutter.

Depuis le lancement, un certain nombre d'applications ont été publiées sur les Stores grâce à la puissance de Flutter. Un nombre qui ne fera qu'augmenter depuis I/O 2018.

Flutter Beta 3.0 lancé dans I/O 2018

Dans Google I/O 2018, le géant de la technologie a annoncé le déploiement de Flutter Beta 3 avec une série de nouvelles fonctionnalités rendant le développement d'applications multiplateformes sur Flutter encore plus personnalisable et pratique.

Voici les fonctionnalités qui ont été introduites dans Flutter Beta 3 -

La nouvelle version se concentre principalement sur trois composants - fondamentaux, écosystème et outillage.

Dans le domaine des Fondamentaux

Un certain nombre de modifications ont été apportées aux widgets Material Design dans Flutter Beta 3 pour augmenter le niveau de personnalisation et de flexibilité -

• Un composant BottomAppBar a été ajouté
• La prise en charge des puces a été améliorée et étendue
• InputDecorator prend désormais en charge le mode souligné / rempli et souligné
• Une plus grande personnalisation de la couleur et de la forme avec Slider
• La flexibilité du positionnement avec FloatingActionButton

Parallèlement à cela, un certain nombre de modifications ont été apportées à l'application Flutter Gallery pour présenter un certain nombre de changements tels que - nouvelle démo Backdrop, champs de texte mis à jour, démo ajoutée pour OutlineButton et indicateur de sélection personnalisé.

En dehors de cela, Flutter est livré avec une série d'améliorations dans la prise en charge de l'accessibilité pour les applications qui utilisent Flutter, notamment l'amélioration de la prise en charge des textes volumineux, des lecteurs d'écran et des capacités de contraste.

De plus, avec Flutter, les entreprises peuvent désormais même créer des applications dans les scripts de langue de droite à gauche.

Dans le domaine de l'écosystème

Un nouvel ensemble de plug-ins complets a été ajouté à la suite de plug-ins Firebase dans la plus grande annonce de Google I/O 2018, Flutter Beta 3 - Remote Config, Performance Monitoring et Cloud Firestore. Le support que Flutter offre pour les publicités alimentées par AdMob Google se dirige vers la version bêta, ce qui permettrait aux développeurs de monétiser leurs applications basées sur Flutter.

Le nouveau plug-in AdMob facilite le chargement et l'affichage des publicités vidéo basées sur des bannières, des interstitiels et des récompenses à l'aide de l'API AdMob.

Concernant l'outillage

Flutter a repensé UI Inspector avec la nouvelle fonctionnalité "Just My Widgets", qui filtre les widgets générés automatiquement. Les développeurs peuvent même exécuter leur application Flutter en mode profil qui ajoute les affichages d'utilisation de la mémoire et les images par seconde.

En outre, Visual Studio Code est maintenant développé en tant qu'environnement de développement entièrement pris en charge pour Flutter. Parallèlement à cela, une autre fonctionnalité notable qui a été publiée pour Visual Studio et Android Studio consiste en un large ensemble de refactorisations. Il inclut également un refactor Extract Widget, qui permet de créer une nouvelle classe Widget et d'ajouter un appel à son constructeur en position native.

Pour cette version ainsi que pour les futures à venir, Google s'est associé à Flutter avec Material Design pour apporter la puissance du design innovant dans le monde de la belle boîte à outils UI pour Android et iOS.

Examinons plus en détail la combinaison Flutter et Material Design.

Améliorez Flutter avec la thématisation des matériaux

La session Google I/O 2018 sur le codage d'un beau design avec Flutter et Material Design a commencé par l'introduction de comment, lorsqu'ils sont réunis, Flutter et Material Design créent une application expressive, améliorée et un plaisir pour les développeurs.

Alors que Flutter est déjà livré avec une grande bibliothèque de widgets comme le défilement, les conteneurs et les vues de liste qui sont conçus sur les principes de Material Design, Google I/O 2018 a annoncé quelque chose de nouveau avec Material Design cette fois-ci - Material Theming.

La thématisation matérielle aide à appliquer votre image de marque à travers la conception de l'application mobile. Tout, de la forme à la typographie en passant par les courbes de couleur et d'animation, a été rendu personnalisable pour correspondre exactement à l'apparence de la marque. Vous pouvez choisir la palette de couleurs et les thèmes de typographie ou vous pouvez modifier la forme du design pour créer votre propre thème dans votre application Flutter.

Ils sont sortis pour annoncer plus loin que désormais Flutter est une plateforme en Material Design. Désormais, la documentation d'iOS, Android, Flutter et Web via des composants matériels, une suite d'outils matériels et des directives matérielles.

Maintenant, la raison pour laquelle Material Design a été ajouté avec Flutter est que lorsque les directives de Material Design ont été déployées, les marques ont commencé à les suivre et à les mettre en œuvre religieusement, ce qui a donné naissance à un certain nombre d'applications similaires. Pour résoudre ce problème et incorporer une touche d'individualité dans toutes les applications Flutter, Google a introduit Material Theming dans Flutter Beta 3.

Propulsées par Material Design, les applications Flutter sont rendues expressives - avec leurs mises en page, widgets et thèmes personnalisables. Amélioré - avec un nouveau style et des composants tels que le champ de texte et la toile de fond. Délicieux - en offrant une extensibilité des composants.

En utilisant la combinaison de Material Design et de Flutter SDK, un certain nombre d'applications ont été développées et publiées à la fois sur Android et sur iPhone.

Un aperçu de la liste des applications créées avec Flutter

• Alibaba – Application de commerce électronique
• Google AdWords - Application de gestion de campagne publicitaire
• AppTree - Application d'entreprise
• Topline – Application de divertissement
• Birch Finance - Application financière
• Coachez-vous – Application Lifestyle
• Google Greentea - Application d'entreprise
• Hamilton Musical – Application de divertissement
• Hookle - Application de gestion des médias sociaux
• OfflinePal - Application de tourisme
• VivaBem Pol – App Santé et Bien-être
• BetaBubs - Application de messagerie instantanée