Découverte de l’Adaptive Layout pour faire du responsive 👨‍💻 Tuto Flutter

Il n’existe pas en Flutter de Widget permettant de gérer le responsive, seules des bibliothèques tierces le permettent. Ou il faut passer par le MediaQuery et tout coder à la main.

L’idée de l’Adaptive Layout est désormais d’avoir un Widget dédié dans Flutter. Une quasi-obligation, quand on voit que les applications Flutter peuvent s’exécuter sur un navigateur web ou en mode desktop.

Nous allons regarder ensemble la spécification de ce nouveau Widget et exécuter la démonstration associée.

💚 Cette vidéo vous a plu ? N’hésitez pas à liker la vidéo et la partager autour de vous !

💙 Si vous n’êtes pas encore abonnés, n’hésitez pas à le faire activer la cloche 🛎 avec toutes les notifications activées !

🗓 Au programme de ce tutoriel :

00:00 Introduction 00:35 Découverte de la spécification publique 01:58 On exécute la démo de l’AdaptiveLayout 03:27 On regarde le code de l’AdaptiveLayout 07:22 Les autres démonstrations 09:09 Les attributs topNavigation et secondaryNavigation 10:18 : Peut-on l’utiliser en l’état ? 12:04 Conclusion

Liens utiles :

Spécification Adaptive Layout : https://docs.google.com/document/d/1qhrpTWYs5f67X8v32NCCNTRMIjSrVHuaMEFAul-Q_Ms/edit Lien vers l’exemple de code / bibliothèque : https://github.com/flutter/packages/tree/main/packages/adaptive_scaffold

Retrouvez d’autres tutoriaux Flutter sur la playlist dédiée : https://www.youtube.com/playlist?list=PL1psL-F0LvSOmW0m5WUjE5WtW_JkUYYvd

Retrouvez-moi aussi avec mes deux newsletters :

• Flutter Digest 💙 : https://flutter-digest.com/
• Android Croissants 🥐 : https://android-croissants.com/ ... https://www.youtube.com/watch?v=-4_8t94F1rQ