‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ 

Numéro 84 (01 août 2022)

Ouvrir la newsletter dans votre navigateur

arrow

💙️ Soutenir la newsletter 💙️

arrow

Publicité

Pour ne plus voir de publicités, soutenez-nous à partir de 1 €.

Le fait marquant

Image Google veut améliorer le support des _layouts_ responsives

Dans un document de travail récemment mis à jour, l'équipe de Flutter partage ses ambitions pour mieux gérer les différentes formes et tailles d'écran.

Un écosystème hétérogène
Flutter supporte trois grandes catégories de systèmes : les mobiles, les ordinateurs et le web. De multiples combinaisons s'ouvrent alors, entre les tablettes, télévisions… ou encore plus récemment les écrans pliants/pliables.

Un layout adaptatif
En soi, toutes les informations sont déjà disponibles dans Flutter pour gérer ces éléments, principalement grâce aux ajouts de Microsoft sur le MediaQuery. Il existe d'ailleurs une documentation à ce sujet sur le site officiel. Tout cela requiert, soit de la faire à la main, soit de chercher des dépendances sur Pub. Google n'aime pas cette situation et aimerait proposer un layout adaptatif.

L'AdaptiveLayout ?
L'implémentation se veut être le plus simple possible, en évitant de modifier les Widgets existants et proposer un nouveau dédié à cette tâche : l'AdaptiveLayout. Fonctionnant à l'aide de slots, ceux-ci viendraient à changer de position en fonction de l'état de l'écran. Un AdaptiveScaffold serait également mis à disposition pour avoir un Widget de haut niveau.

Où en est-on ?
Pour le moment, rien n'est réellement disponible. Une Pull Request avait été démarrée, avant qu'elle ne soit close par son concepteur. Dans la mesure où le prochain jalon stable de Flutter (août/septembre) se rapproche, il est fort probable qu'il faille attendre un peu plus pour voir apparaître ces nouveaux Widgets.

Les actualités en vidéo

Image Tips

Publicité

Pour ne plus voir de publicités, soutenez-nous à partir de 1 €.

Les actualités en bref

EmojiUne nouvelle version bêta de Flutter est disponible : 3.3.0-0.1pre (quel nom à rallonge !).

EmojiCôté Pull Request côté Flutter, on peut noter :

  • Un exemple interactif est désormais disponible pour tester le Widget Overlay (PR #107531 flag_lng)
  • Après le bug où les listes accélèrent selon le nombre de doigts à l'écran, voici la Scrollbar qui bouge alors qu'elle ne devrait pas, mais heureusement un fix est déjà disponible (PR #108166 flag_lng)
  • Sur les DevTools, une proposition permet d'afficher le Widget correspondant à chaque élément de l'arbre des Widgets. Très bonne idée ! (PR #4274 flag_lng)
  • Attention, l'attribut BoxDecoration.shape devrait être prochainement déprécié suite au passage à Material 3 (PR #108052 flag_lng)
  • Pour nous simplifier la vie, les bordures en forme d'étoiles et de polygones seront prochainement ajoutées (PR #107979 flag_lng)

EmojiSans rentrer dans les détails comme pour l'AdaptiveLayout, l'équipe Flutter travaille également pour permettre l'utilisation du BackdropFilter (le flou pour faire simple) sur les vues natives iOS, comme les MapView, WebView…

EmojiClap de fin pour l'API document.registerElement dans dart:html qui n'était de toute manière plus supportée par les navigateurs.

EmojiSur Firebase, trois nouveautés pourraient vous intéresser :

EmojiLe plugin Dart pour l'utilisation de l'API Twitter a considérablement été modifié, lui justifiant son passage en 3.0.

EmojiLe Google Play a fêté ses dix ans, après avoir succédé à l'Android Market. Seule nouveauté au programme : un logo.

EmojiUne nouvelle version majeure d'IntelliJ IDEA est disponible : la 2022.2. Vous pouvez d'ailleurs consulter toutes les nouveautés sur ce lien (attention, certaines fonctionnalités requièrent la version payante de l'IDE).

Articles & tutoriaux Flutter

Le tweet

Twitter logo
What's the difference between errors and exceptions in Flutter? → Errors are programmer mistakes. They are fatal and we should not try to recover from them → Exceptions are failure conditions that are out of our control. We should handle them and recover gracefully
Image tweet

Un petit rappel : Dart fait la distinction entre des erreurs et des exceptions. Si vous ne savez plus lequel choisir, voici qui devrait rafraichir votre mémoire.

Publicité

Pour ne plus voir de publicités, soutenez-nous à partir de 1 €.

Les bibliothèques Dart/Flutter

Lib Motion for Flutter widgets

Motion for Flutter widgets : Animer des Widgets avec le gyroscope

AndroidAndroidAndroidAndroidAndroidAndroid

Quoi de mieux que de proposer des Widgets qui interagissent avec l'utilisateur, me direz-vous. Eh bien, utilisons les capteurs du téléphone comme le gyroscope ! Si vous vous souvenez des tuiles sur Windows 8, il y avait une sorte d'effet 3D. Le voici désormais recréé, mais avec le capteur du téléphone ou la souris, si la plateforme n'en bénéficie pas.

Lib NeoPOP

NeoPOP : Le design system NEOPOP

AndroidAndroidAndroidAndroidAndroidAndroid

Un peu moins sérieux que le Design System du gouvernement français, voici NeoPOP, un design system extrêmement bien travaillé et qui se décline désormais en Flutter. Créé par la société CRED, tout est en opensource, c'est ainsi que des implémentations natives pour Android et iOS ont été développées.

Prochains évènements

31
août

Oslo, Norvège

Flutter
Vikings

14-15
septembre

Chicago, USA

Git Merge
2022

Votre avis sur ce numéro

Emoji CoeurEmoji FunEmoji BofEmoji En colèreEmoji Pouce en hautEmoji Pouce en bas