Avez-vous déjà rencontré ce problème frustrant ? Vous avez développé une application entièrement en français pour vos utilisateurs, mais certains éléments résistent à la traduction.
Par exemple, lorsque vous cliquez sur un bouton pour uploader une image, une fenêtre surgit avec le texte « Choose source : Gallery / Camera ». Ou encore, lors d’une erreur de connexion, le message d’alerte s’affiche en anglais (« Password required », etc.).
C’est un problème que je rencontre régulièrement chez mes clients. Ces intégrations par défaut de FlutterFlow peuvent donner une impression d’inachevé à votre application.
Heureusement, la solution est simple, mais elle est souvent ignorée. Dans cet article, je vous explique comment traduire ces messages système en quelques clics.
Le malentendu courant : Le paramètre « Langues »
Beaucoup de développeurs pensent (à tort) que les paramètres de langue dans FlutterFlow ne servent que si l’on souhaite créer une application multilingue (par exemple, anglais ET français).
Par conséquent, si votre application est uniquement en français, vous avez tendance à laisser ce paramètre vide. C’est là que se trouve l’erreur.
À retenir : Même si vous n’avez pas besoin de plusieurs langues, vous devez activer le français comme langue principale pour débloquer les options de traduction système.
Tutoriel : Comment traduire l’interface en 3 étapes
1. Activer la langue principale
Rendez-vous dans les Settings (Paramètres) de votre projet, puis dans l’onglet Languages.
- Actuellement, il est probable que rien ne soit sélectionné.
- Ajoutez le langage French.
- Définissez-le comme « Primary Language » (Langue principale).
- Assurez-vous que l’option d’affichage soit bien sur le français.
2. Accéder aux nouveaux onglets de traduction
Une fois la langue ajoutée, vous remarquerez que de nouveaux onglets sont apparus ou sont devenus modifiables dans ce menu. C’est ici que la magie opère. Vous allez pouvoir traduire :
- Les messages d’authentification (Authentication).
- Les messages liés aux médias et fichiers (Upload/Media).
3. Traduire les messages clés
Vous n’êtes pas obligé de tout traduire, mais concentrez-vous sur ce que l’utilisateur voit.
Pour l’Upload de fichiers (Images/Vidéos) :
C’est l’exemple le plus visible. Vous pouvez remplacer les textes anglais par :
- Uploading file -> « Le fichier est en cours d’importation »
- Success -> « Le fichier est importé »
- Failure -> « Il y a eu un problème »
- Choose Source -> « Choisissez la source »
- Gallery -> « Galerie photo »
- Camera -> « Appareil photo »
Pour l’Authentification (Firebase) :
Fini les erreurs en anglais. Vous pouvez désormais personnaliser les messages pour :
- L’email de réinitialisation de mot de passe envoyé.
- Les champs requis (Email is required -> « L’email est requis »).
- Les erreurs de mot de passe.
Le Résultat
Une fois ces modifications enregistrées, retournez sur votre application en mode Test ou Run. Lorsque vous lancez une action (comme choisir une photo), la boîte de dialogue native de FlutterFlow s’affichera désormais avec vos textes personnalisés : « Choisissez la source : Galerie / Appareil photo ».
Cela garantit une expérience utilisateur (UX) fluide, professionnelle et 100% francophone.
À propos de l’auteur
Je m’appelle Franco, je suis Product Builder depuis 7 ans.
Aujourd’hui, j’accompagne les entrepreneurs sans compétences techniques (No-Code) à concrétiser leurs projets. Je vous aide à passer de l’idée à la publication de votre application sur les stores (App Store et Google Play).
- Vous avez un projet d’application ? N’hésitez pas à m’envoyer un message, ce sera un plaisir d’échanger avec vous.
- Une question sur ce tuto ? Posez-la en commentaire !
Merci d’avoir lu cet article !
