Question 1

Comment installer et utiliser Flutter sur PC ?

Accepted Answer

1. Préparer le dossier d'installation

Commencez par placer le dossier du SDK Flutter dans un emplacement stable de votre PC, avec des droits de lecture et d'écriture. La documentation indique qu'il faut ensuite ajouter le dossier bin de Flutter à la variable d'environnement PATH pour pouvoir lancer la commande flutter depuis n'importe quel terminal.

2. Configurer la variable d'environnement

Sur Windows, ouvrez les paramètres système avancés, puis les variables d'environnement. Dans la variable Path de l'utilisateur, ajoutez le chemin complet vers le dossier bin du SDK Flutter.

Après modification, fermez les fenêtres de terminal déjà ouvertes, puis ouvrez-en une nouvelle pour vérifier que la commande est reconnue.

3. Vérifier l'installation

Dans le terminal, lancez flutter --version ou flutter doctor pour confirmer que Flutter est bien accessible et pour détecter les composants manquants.

flutter doctor est particulièrement utile, car il dresse un état de santé de l'installation et signale ce qui manque pour développer correctement, par exemple Android Studio, les outils Android ou d'autres dépendances.

4. Installer les outils complémentaires

Pour développer sur Android, installez Android Studio, puis ouvrez le gestionnaire SDK afin de vérifier que les composants nécessaires sont bien présents.

Dans Android Studio, il faut généralement contrôler :

le SDK Android ;
les outils de plateforme ;
les outils de build ;
le Google USB Driver si vous testez sur un appareil Android réel.

5. Créer un émulateur Android

Pour tester sans téléphone, ouvrez le gestionnaire d'appareils virtuels dans Android Studio, puis créez un nouveau périphérique virtuel. Choisissez un modèle de téléphone, sélectionnez une image système, validez la configuration et lancez l'émulateur.

L'émulateur est utile pour vérifier l'interface, les transitions et le comportement général de l'application sans dépendre d'un appareil physique.

6. Ouvrir un projet Flutter

Une fois Flutter installé, vous pouvez créer un projet dans votre éditeur de code ou dans le terminal. Le projet Flutter standard contient notamment le dossier lib et le fichier principal main.dart, qui sert de point d'entrée à l'application.

Le fichier main.dart est celui que vous modifierez le plus souvent au début, car il permet de définir l'arborescence de l'application, les pages et les widgets affichés à l'écran.

7. Structure d'une application Flutter

Une application Flutter se compose généralement de :

widgets pour l'interface ;
pages ou écrans ;
états pour gérer les changements d'affichage ;
services ou classes utilitaires pour la logique métier.

Le principe de base est de composer l'interface en empilant et en combinant des widgets, plutôt que de dessiner manuellement chaque élément graphique.

8. Utiliser les widgets principaux Texte

Pour afficher du texte, utilisez un widget de type texte et renseignez la chaîne à afficher. Ce composant sert pour les titres, descriptions, messages et étiquettes.

Bouton

Pour déclencher une action, utilisez un bouton et associez-lui une fonction de rappel. Le bouton peut lancer une navigation, enregistrer une donnée ou exécuter une logique spécifique.

Conteneur

Le conteneur sert à structurer l'espace, ajouter des marges, une couleur de fond ou un alignement. Il est très utilisé pour organiser l'interface.

Colonne et ligne

La colonne aligne les widgets verticalement, tandis que la ligne les aligne horizontalement. Ces deux structures servent de base à la majorité des mises en page.

Image

Un widget d'image permet d'afficher des éléments visuels locaux ou distants selon le projet et sa configuration.

9. Lancer l'application

Quand le projet est prêt, sélectionnez un appareil cible : émulateur ou appareil physique. Ensuite, lancez l'application depuis l'éditeur ou depuis le terminal de développement.

Lors de l'exécution, Flutter compile l'application et la déploie sur la cible choisie. Vous pouvez alors tester l'interface, les boutons, la navigation et les autres fonctionnalités.

10. Utiliser la fonction de rechargement rapide

Pendant le développement, Flutter permet d'itérer rapidement sur l'interface. Après une modification du code, rechargez l'application pour voir le résultat sans reconstruire tout le projet depuis zéro.

Cette méthode est utile pour ajuster les espacements, couleurs, textes, comportements de boutons et transitions d'écran.

11. Lire et exploiter la documentation

La documentation Flutter est organisée autour de guides de démarrage, d'exemples et de références API.

Pour comprendre un widget ou une classe :

recherchez son nom dans la documentation ;
lisez la description ;
consultez les propriétés ;
vérifiez les exemples d'utilisation ;
testez le comportement dans votre projet.

12. Déboguer un projet Flutter

Si l'application ne démarre pas correctement, commencez par exécuter flutter doctor pour identifier les composants absents ou mal configurés.

Les problèmes les plus courants concernent :

la variable PATH mal configurée ;
l'absence de Git ;
un SDK Android incomplet ;
un émulateur non créé ;
un appareil non reconnu par le système.

13. Configurer un appareil physique

Pour tester sur téléphone, connectez l'appareil en USB, activez le débogage si nécessaire, puis autorisez l'ordinateur à communiquer avec le téléphone. Une fois reconnu, l'appareil peut servir de cible d'exécution dans l'environnement de développement.

Cette méthode est utile pour vérifier les performances réelles, l'affichage sur écran physique et les interactions tactiles.

Question 2

Qu'est-ce que Flutter permet de faire ?

Accepted Answer

Flutter est un framework open source de Google qui permet de créer des applications compilées nativement à partir d'une seule base de code. Il sert à développer des interfaces pour mobile, web, bureau et appareils embarqués, avec un accent sur la rapidité, la productivité et la cohérence visuelle entre plateformes.