Dans un émulateur, comment cacher la bannière “Slow Mode” ou “Debug” dans le coin supérieur droit d’une application Flutter?

Difficulté: Débutant

Parfois, vous ne voulez pas que la bannière “Slow Mode” ou “Debug” soit visible dans le coin supérieur droit de l’émulateur.

Cela peut ne pas être très pratique lorsque, par exemple, vous souhaitez prendre des instantanés pour écrire la documentation ou l’afficher sur votre client.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
void main(){
  runApp(new MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => new _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: new Text('My Application'),
      debugShowCheckedModeBanner: false,
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new SplashScreen(),
      routes: <String, WidgetBuilder> {
          '/splashscreen': (BuildContext context) => new SplashScreen(),
          '/conditions': (BuildContext context) => new TermsAndConditionsPage(),
        },
    );
  }
}

Explications

Lors de l’initialisation de votre MaterialApp, définissez debugShowCheckedModeBanner: false

Ligne #16:

Cette ligne permet de masquer la bannière “Slow Mode” ou “Debug” par défaut visible dans le coin supérieur droit de l’émulateur.