CATALOGUE Code & Data Formation No Code Maîtriser FlutterFlow - De l'Idée à l'Application Guide de Création d'une Page Web pour Nouvelle Histoire

Guide de Création d'une Page Web pour Nouvelle Histoire

Structure de la 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,0
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,0
Cette leçon fait partie de la formation
69,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Instructions pour la Création de la Page

Objectifs

Les objectifs de cette vidéo sont de :

  • Comprendre comment concevoir une page à partir d'une maquette Figma.
  • Apprendre à implémenter une barre de navigation personnalisée.
  • Savoir gérer les actions de navigation entre les pages.

Résumé

Apprenez à créer une page de création d'histoires avec une barre de navigation personnalisée utilisant Figma et Flutter.

Description

Dans cette leçon, nous vous guiderons à travers la création d'une page de création d'histoires en utilisant Figma et Flutter. Tout d'abord, nous explorerons la conception de la maquette sur Figma, qui inclut une app bar intitulée Nouvelle Histoire avec un fond bleu. Ensuite, nous créerons cette page dans Flutter, en ajoutant les actions nécessaires pour naviguer entre les pages. Nous mettrons en place un conteneur principal avec d'autres conteneurs à l'intérieur pour gérer le texte et l'interface de type question-réponse que l'utilisateur utilisera pour configurer son histoire.

Nous ajusterons également la barre de navigation pour s'afficher uniquement sur certaines pages, en conservant les liens vers Mes Histoires et Mon Compte. Nous expliquerons également quelques astuces importantes, comme ne pas utiliser le style flutter défaut navbar, mais plutôt la google navbar ou la floating navbar pour que nos paramètres fonctionnent correctement.

Voir plus

Questions - réponses

Pourquoi est-il important de ne pas utiliser le flutter défaut navbar?
Il est important de ne pas utiliser le flutter défaut navbar parce qu'il ne permet pas à certains paramètres de la barre de navigation de fonctionner correctement. Utiliser la google navbar ou la floating navbar assure une compatibilité optimale.
Comment peut-on rendre une page accessible via un bouton de navigation?
Pour rendre une page accessible via un bouton de navigation, il faut créer une action Navigate to Nouvelle Histoire sur le bouton souhaité. Cela permet de naviguer directement vers la page Nouvelle Histoire.
Quels paramètres peuvent être configurés pour la barre de navigation?
Les paramètres configurables pour la barre de navigation incluent l'ajout ou la suppression de liens, l'affichage conditionnel de la barre sur certaines pages, ainsi que le choix du style comme la google navbar ou la floating navbar.

Programme détaillé

1 commentaire
4,0
1 vote
5
4
3
2
1
manuel.crocis
Il y a 3 weeks
Commentaire
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!