Ajouter un commentaire

Flutter Widget Previewer : charger et tester un widget Flutter

Par:
francoistonic

mar, 02/06/2026 - 09:23

Flutter propose avec la version 3.44 une évolution de Widget Previewer. Pour fonctionner, il faut minimum Flutter 3.35. Si vous utilisez un IDE, il faut minimum la 3.38. Le previewer permet de prévisualiser les widget, de voir son interface, son comportement, de le tester et de faire un debug à la volée. Surtout, il permet de le faire sur un widget sans devoir lancer toute l'application. 

Il faut utiliser l'annotation @preview et importer le package :

import 'package:flutter/widget_previews.dart';
import 'package:flutter/material.dart'; // For Material widgets
@Preview(name: 'My Sample Text')
Widget mySampleText() {
  return const Text('Hello, World!');
}
Chaque instance preview permet :
- faire un zoom in ou zomm out
- remettre à 0 le zoom
- passer du mode sombre ou mode clair
- rechargement à chaud d'un widget 
Il est possible d'ajouter des paramètres à l'annotation @Preview : name, group, size, textScaleFactor, etc. 
Par contre, plusieurs limitations existent, par exemple :
- les API de dart:io et dart:ffi ne sont pas supportées
- le multi-projet sur l'IDE n'est pas possible dans l'état actuel 

Attention : feature expérimentale. 

Avec Flutter 3.44, Previewer utilise Dart Analyses Server pour détecter la logique, avec une consommation moindre de la mémoire et ajoute la possibilité de filtrer les prévisualiations pour faciliter le travail si vous avez de multiples previews.

Documentation : https://docs.flutter.dev/tools/widget-previewer

Plus d'information sur les formats de texte

Filtered HTML

Plain text

CAPTCHA
Cette question permet de vérifier que vous n'êtes pas un robot spammeur :-) 
  QQQ    ZZZZZ  N   N  FFFF   GGG  
 Q   Q      Z   NN  N  F     G     
 Q   Q     Z    N N N  FFF   G  GG 
 Q  QQ    Z     N  NN  F     G   G 
  QQQQ   ZZZZZ  N   N  F      GGG  
      Q