10 questions que vous vous posez sur Flutter (sans oser le demander)

Avec une croissance de 45% d’usage dans le développement d’applications mobiles en 3 ans selon Bitrise, Flutter est en train de bouleverser la hiérarchie établie sur le marché. Vous envisagez de développer votre app en Flutter ? Voici toutes les questions que vous devriez vous poser avant. 

1- Flutter, c’est quoi et à quoi ça sert ?  

Flutter est un framework de développement mobile dit “cross-platform” créé et maintenu par Google. Annoncé fin 2018, il permet de générer à partir du même code une application mobile iOS, une application mobile Android, une application Windows, MacOs ou Linux, une application web et même un site web depuis la version 3 publiée en Juillet 2022. Toutefois, à date, en l’absence de support SEO, il n’est pas forcément conseillé d’utiliser Flutter pour créer des sites web. De nombreuses entreprises ont quand même opté pour cette solution, pour des fonctions telles que l’accès administrateur, l’espace client ou la gestion des stocks. 

2- Comment fonctionne Flutter ?

Flutter est basé sur le langage de développement Dart, créé lui aussi par Google. Dart permet de compiler le code écrit pour qu’il soit interprété par différents types de terminaux (iPhone, smartphone Android, navigateur web, smart TV & montre connectée Samsung…). C’est donc son usage qui permet à Flutter d’être compatible avec les différents systèmes. 

3- Quelles sont les principales différences entre Flutter et React Native ?

Avec Flutter, le code compilé est lu directement par le terminal ciblé. Il utilise ses propres composants graphiques et le rendu est identique entre iOS et Android. Flutter permet toutefois aussi de créer très facilement deux design différents en fonction de la plateforme.

Avec React Native (un autre framework de développement hybride mais créé cette fois par Facebook, basé sur Javascript et qui se dédie au mobile), le code est interprété par le terminal ciblé. Une traduction est nécessaire pour que le système lise le code React Native (bridge). L’UI d’une application React Native hérite des composants natifs iOS et Android. Le rendu varie selon l’OS utilisé et est donc plus proche de celui d’une application native.

4- À quoi ressemble une application développée en Flutter ? 

L’une des spécificités de Flutter est de générer, par défaut, un rendu graphique et des interactions identiques pour une application Android et iOS. Les composants (widgets) utilisés en Flutter sont des composants spécifiques développés par Google pour Flutter. Ce ne sont pas les composants natifs Android ou iOS. Google met à disposition deux bibliothèques de composants : Material (basé sur le style Android et Material UI) et Cupertino (proche des composants natifs iOS). 

Une même application peut avoir certains widgets Material et d’autres composants Cupertino. Il est aussi possible de spécifier le composant à utiliser pour iOS et celui à utiliser pour Android. Un widget peut être créé pour répondre à un besoin spécifique. 

5- Qui utilise Flutter ?

D’après Google, depuis sa création, plus de 400 000 applications ont été générées avec Flutter (sur 3,6 millions disponibles sur le Play Store et 1,8 millions sur l'App Store). En France, la refonte de l’application grand public SNCF Connect a mis un coup de projecteur sur cette technologie mais d’autres acteurs comme Alibaba, BMW, eBay (eBay Motors), Square, Groupon ou Nubank l'utilisent pour des applications secondaires. L’usage de Flutter pour le web est pour le moment beaucoup plus confidentiel.  

6- Quelle est la popularité de Flutter au sein de la communauté des développeurs ?

L'engouement pour Flutter est de plus en plus important. Si l’on compare les métriques GitHub et Stackoverflow très utilisés par les développeurs, la popularité de Flutter surpasse même celle de React Native qui dispose encore cependant d’un historique plus important.

7- Quels sont les avantages et limites à développer des applications mobiles en Flutter ?

Comme le même code est utilisé pour les applications iOS et Android, cela simplifie leur gestion, à la création mais aussi lors de la maintenance :

• Une seule équipe pour gérer le développement pour les deux OS.
• Un seul backlog (la duplication des tickets pour les développeurs iOS et Android n’est plus nécessaire).
• Le déploiement de nouvelles versions iOS et Android peut être parfaitement synchronisé, il n'y a plus d'écarts fonctionnels. 

En raison de sa récence (en comparaison avec React Native), il est plus compliqué de trouver sur le marché des développeurs ayant déjà une maîtrise de Flutter, d’autant plus que la demande est importante. Certains outils / solutions tierces (ex. outil de tracking) ne disposent pas encore de SDK compatibles avec Flutter et peuvent donc rendre l’utilisation de code natif nécessaire. Par ailleurs, l’UI d’une application développée en Flutter, si elle se base sur les widgets standards (Cupertino ou Material), risque d’être plus éloignée des standards d’un des deux OS. Enfin, la mise en place de l’environnement de développement est un peu plus lourde qu’avec d’autres technologies puisqu’il est nécessaire d’installer les dépendances xCode (pour iOS) et Android Studio (pour Android).

8- Est-ce que Flutter permet de mutualiser 100% du code entre une application Android et iOS ? 

Oui. 

Mais il est également possible d’écrire une partie du code spécifiquement pour une plateforme, pour permettre un affichage différent sur un même écran. A titre d’exemple, sur l’application EBay Motors développée en Flutter, 98.3% du code est partagé entre les applications iOS et Android. Du code natif Swift (iOS) et Kotlin (Android) peut être ajouté dans un projet en Flutter pour contourner certaines limites (ex. un SDK d’une solution tierce non disponible en Flutter) et il est également possible d’intégrer des webviews. 

Attention cependant, l’utilisation d’un code spécifique à chaque plateforme fait perdre un peu de l’intérêt de Flutter.

9- Comment savoir si une solution tierce est compatible avec Flutter ? 

En vous rendant sur Pub.dev (site de référence maintenu par Google), l’annuaire officiel des packages et SDK Flutter. Un nombre croissant de ressources développées par la communauté y sont mis à disposition (+ de 20 000).

10- Quelles sont les pré-requis pour développer en Flutter ? 

• Des compétences en développement et une maîtrise du langage Dart.
• Deux IDE (environnements de développement intégré) : Visual Studio Code et Android Studio. 
• Pour générer une application iOS, il est aussi nécessaire d’installer Xcode (IDE spécifique) et donc de développer à partir d’un Mac. 

Bonus- C’est quoi Flutter Flow ? 

Flutter Flow est une plateforme low code accessible en ligne depuis un navigateur, développée par deux ex-employés de Google et mise en avant lors du Google I/O de 2021.

Elle est composée de 2 grands volets : 

• Une interface drag & drop (type Figma, AdobeXD) permettant de créer les écrans 
• Une partie plus technique (ex connexion avec des APIs, etc.)

Pour en savoir plus sur Flutter & toutes les autres technologies de développement mobile disponibles sur le marché, téléchargez notre guide pratique gratuit.