Découverte de l’Adaptive Layout pour faire du responsive 👨💻 Tuto Flutter
by Edouard Marquez youtube.com
12 min 1.5k views
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/
Topics Flutter on desktop
Apps by Edouard Marquez
More like this
Article 10 min readFlutter: from Mobile to Desktop
by Marcelo Henrique Neppel
Building applications for smartphones and desktops with the Google framework.
Read on medium.com
Video 7 minFlutter Responsive Design Split-Screen: Mobile, Desktop, Web - Section 1 of 5
Watch on YouTube
by
Marco Napoli
, on Flutter Pro
Marco Napoli
@marconapoli 🇺🇸 United States
Available for hire
Marco Napoli is the CEO of Pixolini an experienced mobile, web and desktop app developer. He has a proven record in developing visually elegant and simple-to-us...
View Marco on Flutter Pro
