Flutter — Widget Padding (FR)

Flutter est vraiment passionnant comme Framework, mais la prise en main peut être difficile si, vous ignorez comment utiliser les différents widgets. Aujourd’hui je vous invite à découvrir le Widget Padding.

Pour les développeurs web le mot padding vous évoque forcement quelque chose et oui on parle réellement du padding, l’écart de remplissage sur les quatre côtés d’un élément.

Dans Flutter certain Widget ne nous permet pas de créer des espacement, ce widget viens résoudre ce genre de problématique. Prenons un cas, d’exemple avec le Widget Text.

Code a implémenté ci-dessous

Dans notre exemple notre texte ne comporte aucun espacement. Maintenant nous allons essayer d’ajouter un espacement d’environ 16 pixels sur chaque côté. Dans un premier temps nous allons déclarer le Widget Padding ensuite utiliser les propriété child et padding

Code ci-dessous, la propriété padding permet de définir la dimension des espacements et child pour définir le widget qui doit avoir des espacements dans cet exemple c’est le Widget Text.

Allons plus loin dans notre exemple dans ce cas nous allons seulement ajouter un espacement entre la barre de navigation et notre texte.

Dans ce cas d’exemple, c’est la classe EdgeInsets que nous allons utiliser et principalement la méthode only de cette dernière.La méthode only prend en paramètre les différentes directions left pour la gauche, right à droite, top le haut et bottom le bas.

Désormais si vous utilisez un Widget qui n’a pas de propriété padding vous savez quoi faire. J’espère que ce billet vous sera utile.

Article in English available here.