CATALOGUE Code & Data Formation No Code Maîtriser FlutterFlow - De l'Idée à l'Application Design et Structuration de Pages avec FlutterFlow

Design et Structuration de Pages avec FlutterFlow

Design de la auth1
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

Introduction à la Structuration et au Design

Objectifs

Les objectifs de cette vidéo incluent :

  • Comprendre l'utilisation des widgets colonne, row, gridview et wrap.
  • Apprendre à utiliser le conteneur pour le design avancé.
  • Maîtriser l'alignement et la centralisation des textes.
  • Décomposer et styliser les barres d'onglets et autres éléments de pages.

Résumé

Découvrez comment structurer et designer une page avec FlutterFlow en utilisant divers widgets.

Description

Dans cette leçon, nous explorons la manière de structurer et de designer une page en utilisant FlutterFlow, un outil puissant pour le développement d'applications Flutter. La vidéo vous guide à travers les étapes de l'utilisation des widgets tels que les colonne, row, gridview et wrap pour organiser les éléments de votre page. Nous abordons également les propriétés dynamiques et de design des conteneurs, et comment les utiliser pour ajouter des styles supplémentaires comme les couleurs, les bordures et les ombrages.

Vous apprendrez également comment centrer et aligner vos textes de manière optimale, et ajuster la taille des polices pour une meilleure convivialité visuelle. Les sections de la page, y compris les barres d'onglets, seront analysées pour comprendre comment elles sont décomposées et stylisées. Enfin, la vidéo couvre l'intégration des couleurs et la gestion de l'apparence globale pour correspondre à votre maquette prévue.

Voir plus

Questions fréquentes

Pourquoi le conteneur ne peut-il contenir qu'un seul widget ?
Le conteneur est conçu pour ajouter des styles avancés à un seul widget. Si vous avez besoin de plusieurs éléments, vous devez encapsuler des widgets multiples dans une colonne ou une row à l'intérieur du conteneur.
Comment aligner un texte au centre d'une page en FlutterFlow ?
Pour aligner un texte au centre, vous pouvez utiliser une colonne avec l'alignement stretch pour occuper toute la largeur et ensuite centrer le texte avec la propriété text align center.
Quels sont les avantages d'utiliser les widgets colonne et row ?
Les widgets colonne et row permettent d'ajouter et de structurer des éléments soit verticalement soit horizontalement de manière dynamique, offrant une grande flexibilité dans l'organisation de l'interface.

Programme détaillé

3 commentaires
4,3
3 votes
5
4
3
2
1
hmrabat
Il y a 4 mois
Merci beaucoup.
boudalialouane
Il y a 8 mois
Dommage que la souris parte dans tous les sens et que celle-ci ne soit pas plus visible
manuel.crocis
Il y a 9 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!