Prévisualiser vos Widgets Flutter depuis IntelliJ 🧑‍💻 Tuto Flutter

Dev Café

description

Nous allons voir ensemble deux outils pour vos applications Flutter qui peuvent vous être utiles pendant votre développement : StoryBook et IDEA Widget Preview.

Storybook permet d’extraire les widgets et ensuite de les afficher dans une application dédiée. Ça peut être pratique pour montrer un design system ou valider vos implémentations.
IDEA Widget preview permet quant à lui de prévisualiser vos Widgets directement dans l’IDE (Android Studio ou IntelliJ IDEA), comme c’est le cas en SwiftUI sur Xcode ou Jetpack Compose et Android Studio.

⚠️ N’hésitez pas à liker la vidéo pour que d’autres personnes puissent la découvrir. 💙 Si vous n’êtes pas encore abonnés, n’hésitez pas à le faire activer la cloche 🛎 avec toutes les notifications activées !

Le programme :

00:00 Introduction 00:11 Plugin StoryBook 04:05 Prévisualiser vos Widgets dans IntelliJ 11:29 Conclusion

👉 Liens utiles

Dépendance StoryBook : https://pub.dev/packages/storybook_flutter

Dépendance Device Frame : https://pub.dev/packages/device_frame

Dépendance Device Preview : https://pub.dev/packages/device_preview

GitHub IDEA Widget Preview : https://github.com/andrasferenczi/idea_widget_preview

Plugin IntelliJ IDEA à installer : https://plugins.jetbrains.com/plugin/20292-widget-preview-for-flutter

Retrouvez des tutoriaux Flutter et Android sur la chaîne DevCafé : https://youtube.flutter.paris/

Retrouvez-moi aussi avec mes deux newsletters :