CATALOGUE Code & Data Formation No Code Maîtriser FlutterFlow - De l'Idée à l'Application Comment ajouter la fonctionnalité de déconnexion dans FlutterFlow

Comment ajouter la fonctionnalité de déconnexion dans FlutterFlow

Le Log Out
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

Ajout d'un bouton de déconnexion sur la page d'accueil

Objectifs

L'objectif de cette vidéo est d'apprendre à ajouter un bouton de déconnexion à une application FlutterFlow, en comprenant le positionnement des éléments dans une barre d'application, la gestion du style et l'ajout d'actions associées.

Résumé

Apprenez comment ajouter un bouton de déconnexion sur votre application FlutterFlow pour permettre aux utilisateurs de se déconnecter facilement.

Description

Maintenant qu'on peut s'inscrire et se connecter sur notre application, nous allons également ajouter la fonctionnalité de déconnexion. Dans cette leçon, nous vous montrons comment :

  1. Aller sur la page d'accueil et ajouter un bouton de déconnexion.
  2. Positionner ce bouton dans la barre en haut de la page.
  3. Configurer le padding et l'icône de ce bouton.
  4. Associer une action de déconnexion à ce bouton.

Une fois cette configuration terminée, notre système d'authentification (inscription, connexion et déconnexion) sera complet, nous permettant ainsi de lancer notre application en mode test.

Voir plus

Questions fréquentes

Pourquoi est-il important d'ajouter une fonctionnalité de déconnexion?
Ajouter une fonctionnalité de déconnexion est crucial pour la sécurité et la gestion des sessions utilisateur, permettant aux utilisateurs de protéger leur compte en se déconnectant lorsqu'ils ont fini d'utiliser l'application.
Comment FlutterFlow gère-t-il les éléments de la barre d'application?
FlutterFlow divise la barre d'application en trois sections (gauche, centre et droite) et permet d'y ajouter des éléments comme des icônes, avec des possibilités de personnaliser le style et le positionnement.
Quels sont les styles modifiables pour une icône dans FlutterFlow?
Dans FlutterFlow, on peut modifier la couleur, la taille et le padding (espacement autour) d'une icône, en ajustant ces paramètres soit individuellement soit globalement pour tous les côtés.

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!