Flutter - Espacement des Row et Column
January 10, 2025 at 20:46 UTC Categories: development Tags: flutter , ui , layoutPetit ajout dans la dernière mise à jour 3.27 de Flutter qui ne paie pas de mine mais qui ne m'a pas laissé de marbre; La possibilité de définir un espacement régulier des enfants des Colomn
et Row
directement dans les paramètres des celles-ci.
Cette nouvelle fonctionnalité réponds à un léger problème qui me tracassait depuis longtemps. Comment gérer l'espacement des enfants des deux implémentations du widget Flex
, lorsque qu'il est le même entre chaque enfant, de manière standardisé et en limitant la redondance.
Jusqu'à maintenant j'utilisais deux méthodes différentes pour le même résultat :
En utilisant des Sizedbox
Colomn(
children: [
Text('Mon élément 1'),
Sizedbox(height : 5),
Text('Mon élément 2'),
Sizedbox(height : 5),
Text('Mon élément 3'),
Sizedbox(height : 5),
...
],
)
En utilisant les propriété margin
et/ou padding
des widgets enfants
Colomn(
children: [
Padding(
padding: EdgeInsets.only(bottom: 5),
child: Text('Mon élément 1'),
),
Padding(
padding: EdgeInsets.only(bottom: 5),
child: Text('Mon élément 2'),
),
Padding(
padding : EdgeInsets.only(bottom: 5),
child: Text('Mon élément 3'),
),
...
Text('Mon élément N'),
],
)
Aucune des ces solutions ne me convenait pour les raisons que j'ai exposé précédemment. De plus je n'était jamais réelement sûr de quelle solutions utiliser et quand. Ce qui créait des incohérences et rendait mon code plus difficile à maintenir.
Cette nouvelle fonctionnalité, bien que mineure me semble représenter un pas en avant vers la standardisation et la simplification des procédés de développement d'applications avec Flutter et je l'accueille avec enthousiasme.
François BANITZ pour son blog.