CATALOGUE Code & Data Formation No Code Maîtriser FlutterFlow - De l'Idée à l'Application Guide de Structuration des Pages dans FlutterFlow

Guide de Structuration des Pages dans FlutterFlow

La structure d'une page
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtriser FlutterFlow - De l'Idée à l'Application
Revoir le teaser Je m'abonne
4,3
Transcription
Cette leçon fait partie de la formation
69,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,3
Cette leçon fait partie de la formation
69,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Comprendre les Widgets et le Scaffold

Objectifs

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

Résumé

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

Description

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.

Voir plus

Questions fréquentes

Quelle est la fonction principale du widget Scaffold?
Le widget Scaffold enveloppe et regroupe tous les autres widgets de la page, y compris le contenu et l'appbar.
Quelle est la différence entre un Container et un Row dans FlutterFlow?
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.
Comment se décompose une appbar dans FlutterFlow?
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.

Programme détaillé

3 commentaires
4,3
3 votes
5
4
3
2
1
hmrabat
Il y a 2 semaines
Merci beaucoup.
boudalialouane
Il y a 4 mois
Dommage que la souris parte dans tous les sens et que celle-ci ne soit pas plus visible
manuel.crocis
Il y a 5 mois
Bonjour, merci pour vos tutos qui sont très clairs. Je suis débutant en no code, j'ai suivi pas à pas cette vidéo (et d'autres) cela m'a bien aidé. Seulement je ne parviens pas à ajouter un nouvel utilisateur ni à me connecter quand j'en créé un à la main. Je lis dans la partie authentification de la console firebase le message: "la connection par redirection inter-origine sur google chrome M115 et versions ultérieures n'est plus pris en charge..." Je me demande si je n'ai pas un problème à ce niveau. Il semble y avoir eu un changement depuis le 24 juin 2024... J'ai lu les explications de la page d'après, je ne comprends pas le processus à mettre en place. J'ai cherché sur les discussions en ligne, je ne suis visiblement pas le seul. Pourriez vous faire un bref tutoriel pour nous guider? C'est dommage d'âtre bloqué par ça. Merci de votre aide. Et encore bravo pour vos tutos, d'une clarté limpide!