Dans le cours : L'essentiel de Flutter

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 25 000 cours dispensés par des experts.

Composer des layouts : Expanded et la propriété Flex

Composer des layouts : Expanded et la propriété Flex - Tutoriel Flutter

Dans le cours : L'essentiel de Flutter

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Composer des layouts : Expanded et la propriété Flex

“

Nous allons voir comment gérer l'espace disponible dans un widget Row ou un widget Colors. J'ai préalablement écrit du code que l'on va passer en revue. J'ai ainsi utilisé un widget Row qui va contenir trois widgets enfants de type Container. Chaque Container aura sa largeur égale à sa hauteur de sorte à avoir une forme carrée. Le premier conteneur aura une couleur jaune, d'ailleurs, on peut le voir ici. Le second, une couleur verte, Le dernier, une couleur indigo. Enfin, j'ai inclus mon widget Row dans un widget Container, à nouveau, qui, lui, aura une couleur plus ou moins bleu pastel, j'ai utilisé une nuance à 50, et cette couleur bleue nous indiquera quelle est l'espace qui n'a pas été utilisé par les trois containers. Pour mieux comprendre cela, je vais lancer le code. On voit ici nos trois containers, et en bleu, on voit tout l'espace qui n'a pas été utilisé. Dans le cas où je voudrais que le container vert utilise tout cet espace restant, je le sélectionnerais, et je le…

Table des matières