Como Remover o Banner de Debug do Flutter em um Único Passo

Atualizações:

Código atualizado para Flutter 3.10.

Toda aplicação Flutter vem por padrão no modo de depuração, o que significa que a faixa de debug é exibida. Ela serve apenas para nos lembrar de que a aplicação está em modo de depuração, e quando você altera para o modo de lançamento, essa faixa não estará presente.

Mas essa faixa pode ser irritante para algumas pessoas, como eu, durante o desenvolvimento do aplicativo.

Para removê-la, basta definir o valor da propriedade debugShowCheckedModeBanner para false eu seu MaterialApp:

MaterialApp(
    debugShowCheckedModeBanner: false
)

Por exemplo, no modelo padrão:

MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );

Pronto! A faixa de debug não será mais exibida na sua aplicação.

Se você preferir um vídeo, tenho este conteúdo disponível em um vídeo no YouTube:

Atualizações:#

Atualizações: