Nouveautés 2024 - 2026

Ce qui a changé de Flutter 3.22 à Flutter 3.47, et de Dart 3.4 à Dart 3.13. Un examinateur repère vite un candidat dont les connaissances datent : une question sur Impeller, sur les dot shorthands ou sur Swift Package Manager suffit.

Le rythme des versions

Flutter publie quatre versions stables par an, en février, mai, août et novembre. Depuis 2026, les dates de coupure de branche sont publiques. Chaque version de Flutter embarque une version de Dart. Les numéros de Flutter avancent de 3 en 3 (3.41, 3.44, 3.47) parce que les versions intermédiaires sont des versions beta.

Rendu : la fin de Skia sur mobile

Impeller est le moteur de rendu qui remplace Skia. Le problème qu'il règle : Skia compilait les shaders (petits programmes exécutés par le GPU) au moment où ils étaient utilisés pour la première fois. La première animation d'un écran saccadait, c'est le fameux shader compilation jank. Impeller précompile un jeu de shaders fixe au build. Le premier affichage est donc aussi fluide que les suivants.

• iOS : Impeller est le moteur par défaut depuis la 3.10 (2023), et Skia n'y est plus disponible aujourd'hui.
• Android : par défaut depuis la 3.27 sur les appareils Vulkan, sur tous les appareils depuis la 3.29 grâce au repli OpenGLES. En 3.44, Skia est retiré sur Android 10 et plus.
• Desktop : par défaut sur macOS, Windows et Linux depuis la 3.47. Un retour temporaire à Skia reste possible, il sera retiré.

Autre changement de fond, en 3.29 : sur Android et iOS, le code Dart tourne désormais sur le thread principal de la plateforme, au lieu d'un thread UI séparé (merged threads). Conséquence pratique : les appels synchrones vers le code natif deviennent possibles via FFI. Linux a suivi en 3.41.

Dart : ce qui change dans votre code

C'est la partie qui se voit en live coding. Si vous écrivez encore Color.withOpacity ou MainAxisAlignment.center en entier, ce n'est pas faux, mais cela date votre code.

Séparateurs de chiffres (Dart 3.6)

const plafondJournalier = 50_000_00; // 50 000 MAD en centimes
const timeout = Duration(milliseconds: 30_000);

Variables wildcard (Dart 3.7)

_ n'est plus un nom de variable : c'est un emplacement ignoré. On peut l'utiliser plusieurs fois dans la même signature.

// Avant : _, __, ___ pour ignorer plusieurs paramètres
itemBuilder: (_, _) => const Divider(),

// Dans un pattern
final (montant, _) = calculerFrais(transaction);

Null-aware elements (Dart 3.8)

String? note = transaction.note;

// Avant
final lignes = [transaction.counterparty, if (note != null) note];

// Maintenant : l'élément n'est ajouté que s'il est non nul
final lignes = [transaction.counterparty, ?note];

// Aussi dans les maps, sur la clé ou la valeur
final query = {'limit': 20, 'cursor': ?cursor};

Dot shorthands (Dart 3.10)

Quand le type attendu est connu, on peut omettre le nom du type devant une valeur d'enum, un constructeur ou un membre statique. C'est la nouveauté la plus visible dans du code Flutter.

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [
    Padding(padding: EdgeInsets.all(16), child: Text('Solde')),
  ],
)

Column(
  mainAxisAlignment: .center,
  crossAxisAlignment: .start,
  children: [
    Padding(padding: .all(16), child: Text('Solde')),
  ],
)

// Fonctionne aussi dans un switch et pour les constructeurs
TransactionStatus status = .pending;
switch (status) {
  case .pending: afficherSablier();
  case .completed || .failed: masquerSablier();
}

La règle : le shorthand se résout sur le type de contexte. Sans type de contexte, il ne compile pas. final a = .center; est une erreur, car rien n'indique de quel type il s'agit.

Primary constructors (Dart 3.13)

Le constructeur principal se déclare dans l'en-tête de la classe. Un paramètre marqué final ou var déclare aussi le champ.

class Beneficiary {
  final String id;
  final String name;
  final String phone;

  const Beneficiary({required this.id, required this.name, required this.phone});
}

class const Beneficiary({
  required final String id,
  required final String name,
  required final String phone,
});

// Validation dans un bloc this (impossible sur un constructeur const)
class Money(final int cents) {
  this : assert(cents >= 0);
}

// Héritage avec super parameters
class BusinessAccount(super.id, super.owner, final String ice) extends Account;

Dans le corps d'une classe, les constructeurs peuvent maintenant s'écrire sans répéter le nom :

class Point {
  final int x;
  final int y;
  new(this.x, this.y);
  new origin() : x = 0, y = 0;
  factory clone(Point other) => Point(other.x, other.y);
}

Les macros, abandonnées

Les macros statiques, annoncées en 2024 pour remplacer build_runner, ont été abandonnées en janvier 2025. L'équipe Dart a jugé leur coût sur les performances de l'analyseur et du compilateur trop élevé. À la place : un build_runner plus rapide (deux fois ou plus dans certains cas en 2025) et les augmentations, prévues en 2026, qui faciliteront le code généré. freezed, json_serializable et riverpod_generator restent donc basés sur build_runner.

Framework : les API qui ont changé

La nouvelle API Color (3.27)

Flutter gère maintenant les espaces de couleurs étendus (Display P3). Les composantes sont des double entre 0 et 1. withOpacity est déprécié.

color.withOpacity(0.5)
color.red // int 0-255

color.withValues(alpha: 0.5)
color.r // double 0.0-1.0

spacing sur Row et Column (3.27)

Column(
  spacing: 12, // remplace les SizedBox(height: 12) intercalés
  children: [SoldeCard(), ActionsRapides(), DernieresTransactions()],
)

Material et Cupertino deviennent des packages

C'est le changement structurel de 2026. Material et Cupertino sortent du SDK pour évoluer à leur propre rythme, sans attendre une version de Flutter.

• 3.44 : les deux librairies sont gelées dans le framework.
• 3.47 : material_ui et cupertino_ui 1.0 sur pub.dev, en opt-in. Le SDK garde les anciennes librairies. flutter_localizations est dégroupé : GlobalMaterialLocalizations.delegates regroupe les délégués Material, Cupertino et Widgets.
• 3.50 (novembre 2026) : dépréciation formelle des librairies du SDK.

dart fix --apply --code=migrate_design_widgets
# si l'outil échoue sur pubspec.yaml :
flutter pub add material_ui cupertino_ui
dart fix --apply

Pendant la transition, MaterialUiCompatibilityBridge permet d'adopter les nouveaux packages alors que certaines dépendances importent encore package:flutter/material.dart.

Autres ajouts utiles

• CarouselView (3.24), avec CarouselView.builder en 3.41 et le défilement infini en 3.44.
• RepeatingAnimationBuilder (3.41) pour les animations continues déclaratives.
• Navigator.popUntilWithResult (3.41) : dépiler plusieurs routes et renvoyer un résultat en un appel.
• ReorderableListView.onReorder déprécié au profit de onReorderItem (3.44).
• Matchers de test d'accessibilité isSemantics et isAccessibilityAnnouncement (3.41).
• Squircles Cupertino (RSuperellipse) en 3.32, pour des coins fidèles au style iOS.

Builds : ce qui casse les projets

Ce sont les changements qui font perdre une journée quand on reprend un projet resté un an sans mise à jour. En mission, c'est souvent le premier travail demandé.

Android

iOS

Web

WebAssembly est stable depuis la 3.22 (flutter build web --wasm) et doit devenir le défaut. Il exige package:web et dart:js_interop à la place de dart:html et package:js. Le hot reload web est disponible par défaut depuis la 3.35.

Outillage

• Widget Previews : afficher un widget isolé dans l'IDE sans lancer l'app, avec l'annotation @Preview. Expérimental en 3.35, stable en 3.47.
• Pub workspaces (Dart 3.6) : gestion native des monorepos, une seule résolution de dépendances pour plusieurs packages. Melos s'appuie maintenant dessus.
• Nouveau formateur (Dart 3.7) : style « tall », virgules finales gérées automatiquement. Le format dépend de la version de langage du package.
• DevTools compilé en WebAssembly depuis 2026, plus rapide sur les gros projets.
• Build hooks stables (Dart 3.10) : compiler et embarquer du code natif depuis un package Dart, sans plugin Flutter.
• Serveur MCP Dart et Flutter (3.35, stable fin 2025) : expose l'analyseur, le hot reload et la recherche pub.dev aux assistants de code. Voir le chapitre 15.

Écosystème : les packages qui ont bougé

Flutter et l'IA

La feuille de route 2026 de Flutter met l'IA au centre. Les éléments à connaître de nom, détaillés au chapitre 15 :

• GenUI SDK (package genui) et le protocole A2UI : des interfaces générées selon l'intention de l'utilisateur. Version 0.10 en 3.47.
• Flutter AI Toolkit : widgets de chat prêts à l'emploi, version 1.0 en 2025.
• Genkit Dart : framework pour construire des fonctionnalités d'IA en Dart. Annoncé en préversion en mai 2026, le package genkit est depuis passé en 1.0 ; les agents et les flux bidirectionnels restent expérimentaux.
• IA sur l'appareil : le package flutter_gemma, cité à Google I/O 2026, a été renommé flutter_edge_ai, avec LiteRT-LM comme moteur recommandé.
• Hot reload piloté par un agent via le serveur MCP (3.44), et des Agent Skills officielles pour Dart et Flutter.

Ce qui arrive

La feuille de route publiée en février 2026 annonce, sans date précise :

• les augmentations en Dart, pour simplifier le code généré ;
• WebAssembly par défaut pour les builds web ;
• la fin du retrait de Skia sur Android et le multi-fenêtre desktop, avec Canonical comme mainteneur principal du desktop ;
• des Dart Cloud Functions for Firebase, avec des démarrages à froid d'environ 10 ms ;
• l'étude d'un bytecode interprété pour charger des parties d'app à la demande (piste, pas un engagement).

Flutter 3.50 est attendue en novembre 2026. Relisez ce chapitre à sa sortie.

Questions d'entretien

Exercices

class TransactionTile extends StatelessWidget {
  final String title;
  final String? note;
  final Color color;

  const TransactionTile({super.key, required this.title, this.note, required this.color});

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(title, style: TextStyle(fontWeight: FontWeight.w600)),
          SizedBox(height: 4),
          if (note != null) Text(note!),
          SizedBox(height: 4),
          Container(height: 2, color: color.withOpacity(0.3)),
        ],
      ),
    );
  }
}

Quiz

12 questions. Refaites-le juste avant un entretien.

Pour aller plus loin

• Notes de version Flutter
• Breaking changes Flutter, par version
• Changelog Dart
• Évolution du langage Dart
• Primary constructors
• Impeller
• Blog Flutter : les articles « What's new in Flutter » de chaque version et la feuille de route 2026