CATALOGUE Code & Data Formation No Code Maîtriser FlutterFlow - De l'Idée à l'Application Guide de Configuration de la Navbar sur FlutterFlow

Guide de Configuration de la Navbar sur FlutterFlow

La Navbar
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

Configuration de la Navbar

Objectifs

À la fin de cette vidéo, vous serez capable de :

  • Activer et configurer la navbar dans FlutterFlow
  • Personnaliser les links et les icônes de la navbar
  • Afficher la navbar sur des pages spécifiques sans les lister dans les liens

Résumé

Découvrez comment activer et configurer la navbar dans FlutterFlow pour une navigation optimale sur vos applications.

Description

Dans cette leçon, nous allons apprendre à configurer la navbar sur FlutterFlow. La navbar est un élément essentiel qui permet de naviguer facilement entre les différentes pages de votre application. Pour commencer, nous devons activer la navbar dans les paramètres de FlutterFlow. Allez dans Paramètres, puis Navbar et Appbar. Cochez l'onglet Navbar.

FlutterFlow exige que deux pages au minimum soient configurées pour s'afficher sur la navbar. Nous allons d'abord activer la navbar sur la page 'Mes Histoires'. Ensuite, nous faisons de même pour la page 'Mon Compte'. Une fois ces deux pages configurées, la navbar apparaîtra automatiquement.

Il existe trois types de navbars disponibles dans FlutterFlow : la navbar par défaut Flutter, la Google navbar, et la floating navbar. Vous pouvez changer l'ordre des liens dans la navbar, modifier les labels et icônes, et ajuster la taille des icônes selon vos préférences.

Enfin, si vous souhaitez afficher la navbar sur une page spécifique sans que cette page soit référencée dans les liens de la navbar, il suffit de cocher 'Always Show Navbar on Page'. Cela permet de garder une navigation fluide sans ajouter la page dans les liens de la navbar.

Voir plus

Questions - réponses

Pourquoi est-il nécessaire d'activer la navbar dans les paramètres de FlutterFlow avant de l'utiliser?
Il est nécessaire d'activer la navbar dans les paramètres de FlutterFlow pour que l'option apparaisse et que l'on puisse la configurer sur les différentes pages de l'application.
Comment ajouter une nouvelle page à la navbar sans l'afficher dans les liens?
Pour ajouter une nouvelle page à la navbar sans l'afficher dans les liens, cochez l'option 'Always Show Navbar on Page' dans les paramètres de la page.
Quels sont les avantages d'utiliser des icônes personnalisées dans la navbar de FlutterFlow?
L'utilisation d'icônes personnalisées dans la navbar de FlutterFlow permet d'améliorer l'interface utilisateur et de rendre la navigation plus intuitive, ce qui peut accroître l'engagement des utilisateurs.

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!