Enlever le bandeau Debug Mode de son application Flutter


Avatar de Pierre Courtois

Lorsque vous développez une application Flutter, vous pouvez remarquer un bandeau « Debug » en haut à droite de votre écran. Ce bandeau indique que l’application est en mode débogage. Bien que ce soit utile pour le développement, il est essentiel de le retirer pour les versions de production de votre application.


Mozaïque d'objets

Enlever le Bandeau Debug Mode

Dans votre code Flutter, vous pouvez définir le mode de déploiement dans votre MaterialApp ou CupertinoApp, en ajoutant une seule ligne :

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false, // Cette ligne désactive le bandeau debug
      home: Scaffold(
        appBar: AppBar(
          title: Text('Mon Application Flutter'),
        ),
        body: Center(
          child: Text('Hello world!'),
        ),
      ),
    );
  }
}

La clé ici est l’attribut debugShowCheckedModeBanner: false dans la classe MaterialApp. En définissant cet attribut sur false, vous vous assurez que le bandeau « Debug » n’apparaît pas, même en mode débogage.

À quoi sert le bandeau debug mod ?

Le bandeau « Debug » dans Flutter est un indicateur visuel qui signale que l’application est actuellement en mode débogage. Ce mode permet aux développeurs d’identifier et de résoudre les problèmes plus facilement, car il offre des outils de diagnostic et des messages d’erreur détaillés. Toutefois, les performances de l’application peuvent être réduites car le code n’est alors pas optimisé. Il est donc approprié pour la phase de développement, mais pas pour la production. Il est donc important d’enlever le mode debogage avant de publier votre application. 

Plus de guides Flutter

À la recherche de plus de guides pour coder rapidement une application Flutter dynamique ? Pourquoi ne pas consulter la liste complète ?

Avatar de Pierre Courtois