Guide de Structuration des Pages dans FlutterFlow

Cet tutoriel montre comment structurer et designer une page dans FlutterFlow en utilisant des widgets comme Scaffold, Row et Container.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons apprendre à construire une page dans FlutterFlow en utilisant des widgets. Tout d'abord, nous examinerons l'arborescence de la page et expliquerons l'importance de chaque élément. Sur FlutterFlow, tout est un widget, et le widget principal d'une page est le Scaffold. Ce widget enveloppe tous les autres widgets, y compris le contenu et l'appbar.

Nous verrons comment l'appbar se décompose en trois parties et comment nous pouvons ajouter des éléments à chaque section. Ensuite, nous nous concentrerons sur la page d'authentification, composée d'une Row contenant un formController qui est un Container. Nous apprendrons que le Container permet de mettre en place des éléments de design comme les bordures, les couleurs de fond, et les bordures arrondies.

Ensuite, nous examinerons les différents composants de la page, tels que le titre, les champs de formulaire, et les boutons, en notant les ajustements nécessaires en termes de taille de police, couleur et alignement. Enfin, nous appliquerons ces ajustements pour terminer la customisation de la page.

Objectifs de cette leçon

Apprendre à structurer une page dans FlutterFlow, comprendre le rôle des différents widgets, savoir customiser les éléments d'une page.

Prérequis pour cette leçon

Connaissances de base en développement avec FlutterFlow

Métiers concernés

Développeur Flutter, Designer UX/UI, Ingénieur Front-End

Alternatives et ressources

Bubble.io, Adalo, Thunkable

Questions & Réponses

Le widget Scaffold enveloppe et regroupe tous les autres widgets de la page, y compris le contenu et l'appbar.
Un Container permet d'ajouter des éléments de design tels que les bordures et les couleurs de fond, tandis qu'un Row organise les widgets horizontalement.
L'appbar se décompose en trois parties où l'on peut ajouter divers éléments et se situe toujours en haut de la page.