2.2.2 – La fonction main()

Maintenant que vous savez où se trouve le fichier main.dart, découvrons ce qu'il doit contenir. La fonction main() est le point de départ de l'exécution de votre application. C'est ici que tout commence.

🎯 Point d'entrée obligatoire

En Dart (le langage utilisé par Flutter), la fonction main() est obligatoire. C'est la première fonction que Dart exécute quand vous lancez votre programme. Sans elle, votre code ne peut pas s'exécuter.

📝 Structure minimale

La fonction main() a une structure très simple. Voici sa forme la plus basique :

void main() {
  
}

Analysons ce code ligne par ligne :

• void : Ce mot-clé signifie "vide" ou "rien". Il indique que la fonction main() ne retourne aucune valeur. C'est toujours le cas pour main() en Dart.
• main : C'est le nom de la fonction. Il doit être exactement "main", en minuscules.
• () : Les parenthèses indiquent que c'est une fonction. Pour l'instant, elles sont vides (pas de paramètres).
• { } : Les accolades délimitent le corps de la fonction. C'est entre ces accolades que vous écrirez votre code.

🧪 Test simple : afficher un message

Pour vérifier que notre fonction main() fonctionne, ajoutons une simple instruction pour afficher un message dans la console. Nous utiliserons la fonction print() que vous connaissez déjà du chapitre 1.2.

void main() {
  print('Mon application Flutter démarre !');
}

Ce code affiche le message "Mon application Flutter démarre !" dans la console quand l'application démarre. C'est un bon moyen de vérifier que la fonction main() est bien exécutée.

🚀 Exemple avec runApp()

Afficher un message dans la console, c'est bien, mais ce n'est pas ce que nous voulons. Nous voulons afficher quelque chose à l'écran de notre application ! Pour cela, nous devons utiliser une fonction spéciale appelée runApp().

Voici comment utiliser runApp() dans la fonction main() :

void main() {
  runApp();
}

Pour l'instant, nous appelons simplement runApp() sans rien lui donner. Mais cette fonction a besoin d'un paramètre pour savoir quoi afficher. Nous découvrirons ce paramètre dans la prochaine section.

💡 Points clés à retenir

• La fonction main() est obligatoire et est le point d'entrée de votre application
• Elle doit s'appeler exactement main (en minuscules)
• Elle commence toujours par void main() { }
• La fonction runApp() démarre l'application Flutter
• runApp() doit être appelée dans main() pour que l'application fonctionne

void main() {
  runApp();
}

2.2.3 – Le rôle de runApp()

Dans la section précédente, nous avons vu que runApp() est nécessaire pour démarrer une application Flutter. Mais cette fonction ne fonctionne pas toute seule. Elle a besoin de savoir quoi afficher. C'est ce que nous allons découvrir maintenant.

🔧 Initialisation de Flutter

Quand vous appelez runApp(), Flutter fait plusieurs choses importantes :

1. Flutter initialise son moteur de rendu (le système qui dessine à l'écran)
2. Flutter prépare l'interface utilisateur
3. Flutter attend de savoir quoi afficher

C'est pourquoi runApp() a besoin d'un paramètre : elle doit savoir quel élément afficher à l'écran.

🌳 Le widget racine

Le paramètre que vous donnez à runApp() s'appelle le widget racine. Un widget est un élément d'interface utilisateur en Flutter. Nous allons découvrir les widgets en détail dans les prochains chapitres, mais pour l'instant, sachez simplement qu'un widget est quelque chose qui peut être affiché à l'écran.

Le widget racine est le premier widget que Flutter affiche. C'est la base de toute votre interface. Tous les autres éléments de votre application seront des enfants de ce widget racine.

📝 Syntaxe de runApp()

Voici comment utiliser runApp() avec un widget :

void main() {
  runApp(Directionality(
    textDirection: TextDirection.ltr,
    child: Text('Bonjour Flutter !'),
  ));
}

Analysons ce code :

• runApp( : Nous appelons la fonction runApp()
• Directionality( : C'est un widget qui indique la direction du texte (de gauche à droite pour le français). Flutter en a besoin pour afficher correctement le texte.
• textDirection: TextDirection.ltr : Indique que le texte va de gauche à droite (ltr = left to right)
• child: Text('Bonjour Flutter !') : Le widget Text() est l'enfant de Directionality. C'est lui qui affiche le texte.
• ) : Nous fermons l'appel à runApp()

🧪 Exemple minimal avec Text()

Voici le code complet le plus simple possible pour une application Flutter :

import 'package:flutter/material.dart';

void main() {
  runApp(Directionality(
    textDirection: TextDirection.ltr,
    child: Text('Bonjour Flutter !'),
  ));
}

Ce code :

1. Importe les widgets Flutter nécessaires
2. Définit la fonction main() (point d'entrée)
3. Appelle runApp() pour démarrer Flutter
4. Donne à runApp() un widget Directionality qui contient un widget Text() affichant "Bonjour Flutter !"

▶️ Tester le code

Maintenant, testez ce code dans votre projet Flutter :

1. Ouvrez le fichier lib/main.dart
2. Remplacez tout le contenu par le code ci-dessus (avec l'import)
3. Lancez votre application (bouton "Run" ou flutter run)

💡 Points clés à retenir

• runApp() initialise Flutter et démarre l'application
• runApp() a besoin d'un paramètre : le widget racine
• Le widget racine est le premier élément affiché à l'écran
• Text() est un widget simple qui affiche du texte
• L'import import 'package:flutter/material.dart'; est nécessaire pour utiliser les widgets Flutter

import 'package:flutter/material.dart';

void main() {
  runApp(Directionality(
    textDirection: TextDirection.ltr,
    child: Text('Bonjour Flutter !'),
  ));
}