Hey, c'est Vanessa ! 👋
Je suis ravie de te retrouver pour la 5e édition de La Potion FlutterFlow.
Merci aux nouvelles personnes qui ont rejoint la newsletter 💜
Au programme de cette édition :
Les nouveautés FlutterFlow d’avril
La publication sur les Stores (avec une offre spéciale 🔥)
Fix it : un nouveau format d’astuce vidéo
Aujourd’hui, je te partage une offre exclusive pour améliorer ta visibilité sur les Stores.
Let’s go
Les nouveautés de FlutterFlow du mois d’avril
Des avancées pour l’environnement Windows
FlutterFlow pour Windows est maintenant disponible ! Je n’ai pas pu tester parce que j’ai toujours trouvé qu’il était plus simple de développer des applications mobiles cross-plateforme sur Mac. Même si j’ai pu voir que des dysfonctionnements ont marqué cette sortie, c’est prometteur sur les possibilités qu’offre FlutterFlow. Pourvoir développer une application iOS sur un environnement Windows est une belle prouesse.
Le nouveau widget 'Drag & Drop'
C’est je trouve la plus chouette nouveauté du mois concernant les widgets. En effet, les widgets “DragTarget” et “Draggable” ont fait leur apparition. Ils permettent de définir 2 zones dans une page et tous les widgets enfants à l’intérieur de “Draggable” sont déplaçables dans “DragTarget”.
Pour utiliser cette fonctionnalité, il est important de bien maîtriser les variables de page (Page State). Si ce n’est pas le cas, tu risques de perdre du temps en apprenant les deux en même temps.
Le plus beau est que ces widgets sont capables de gérer des types de valeur complexes comme les DataTypes. Ce qui en fait un composant de choix dans la création d’expérience utilisateur.
The Digital Pro’s NoCode Academy a réalisé une vidéo de très bonne qualité disponible ici sur son utilisation comprenant un projet à dupliquer.
Enfin des écrans de travail réalistes
Je parle ici des affichages dynamiques qui devenaient complètement irréalistes lorsque les données à afficher étaient des valeurs conditionnées.
Une nouvelle entrée “UI Builder Diplay Value” est apparue et permet de déterminer l’affichage dans le builder.
L’avantage est de pouvoir tester l’impact des textes à longueur variable et l’affichage sur plusieurs lignes. L’autre que j’y vois est de faciliter la génération des captures d’écrans pour les Stores. Dommage de voir que le mode preview fait apparaître les crochets.
Les icônes adaptatives Android
Maintenant FlutterFlow supporte l’import d’icône adaptatif pour Android ce qui permet d’améliorer l’affichage de votre application pour les utilisateurs Android. Une nouvelle page de documentation avec plein de ressources pour créer des icônes de haute qualité est disponible dans la doc officielle.
Nouvelles exigences Apple
À partir du 4 mai, Apple exige un fichier de manifeste de confidentialité pour les applications qui décrit les données collectées par l'application ou tout SDK tiers et les raisons pour lesquelles des API spécifiques sont utilisées. FlutterFlow ne propose pas encore de documentation pour cette fonctionnalité.
Data Type depuis un objet JSON
On peut maintenant créer un Data Type depuis un objet JSON. Cette nouvelle possibilité accélère le temps de développement et réduit le risque d’erreur. J’en profite pour rappeler l’importance de créer des Data Type pour convertir les données JSON avant des les utiliser dans les interfaces. Même si cela peut paraître fastidieux au début, ce travail permet de produire une application plus robuste et maintenable et facilite le travail de maintenance et d’évolution.
Amélioration des cartes Google Maps
La gestion des cartes Google Maps monte d’un niveau en permettant d’afficher des images personnalisées à la place des marqueurs. Cette nouveauté est à présent fonctionnelle.
App icon notification count badge on iOS
FlutterFlow permet maintenant de mettre à jour le nombre sur le badge d’application sur iOS. Même si la configuration est manuelle, elle permet de traiter de nombreux cas d’usage.
Safe Area disponible sur le widget Container
Cette nouvelle propriété offre une belle amélioration de la création d’interface mobile. Cette propriété définit une zone de sécurité et empêche les textes, ou zone de clique de se retrouver masqué par des éléments de l’appareil. Il est conseillé de l’appliquer sur toutes les pages mais il doit être décoché si l’on souhaite qu’une image ou couleur viennent occuper tout l’espace. Dans ce cas, il fallait définir un espace pour éviter ces problèmes d’affichage mais cette solution palliative ne permettait pas une prise en compte fine de tous les appareils. La propriété Safe Area résout ce cas d’usage fréquent.
Zoom sur les captures d’écran (+ offre exclusive)
La génération des captures d’écran n’est pas encore optimale dans FlutterFlow et nécessite de bricoler.
Avant toute chose, les captures d’écrans constituent une étape indispensable pour lancer son application sur les Stores. D’une part, la publication d’une application sur l’Apple Store comme le Play Store impose de télécharger plusieurs écrans selon différents formats. D’autre part, au même titre que le contenu de l’application, les captures d’écran sont soumises à la vérification et peuvent empêcher la publication. Si c’est la première fois (ou non), il faut VRAIMENT anticiper cette partie.
Techniquement, la génération des captures d’écran FlutterFlow disponible depuis quelques mois ne permet pas de définir les données à afficher (appelé mock).
Pour pallier à ce problème, la solution peut être de créer l’UI et de dupliquer le projet avant d’implémenter les données dynamiques.
Une fois les captures d’écran générées, une mise en valeur s’impose. J’utilise l’application AppScreens pour designer les captures à destination publique. AppScreens propose des templates et un espace de création. Elle est payante mais peut être un gain de temps.
Les Stores pour améliorer son app
Je veux te présenter AppLauncher, créé par Freddy Nawfal, qui t’aide à :
Etudier la concurrence pour augmenter la visibilité et la conversion de ta page Store.
Analyser les avis des app concurrentes pour saisir les opportunités d’améliorations
C’est un nouvel outil très util pour analyser le marché et optimiser son ASO (App Store Optimization). Ici je l’ai testé sur cherchant des applications de type Pomodoro.
Et surprise !J e t’ai négocié 50% pendant 3 mois sur AppLauncher avec le code POTION.
Fix It
Nouveau format que je te propose ici au format vidéo. Je traite les cas récurrents d’erreur que je vois en coaching et qui peuvent être réglés rapidement.
C’est tout pour cette édition.
Laisse un petit ❤️ et un commentaire (juste en dessous) si cette édition t’a plu. Je lis tout.
À bientôt
Vanessa
P.S. : Tu peux me partager ta problématique du moment avec FlutterFlow en répondant à cet email. Je pourrais traiter ta question dans une prochaine édition.