¿Cómo remover el banner debug de Flutter?

El banner de debug en una aplicación Flutter es una marca de agua que se muestra en la esquina superior derecha de la pantalla durante el desarrollo. Aunque es útil para identificar rápidamente si estamos ejecutando una versión de depuración, puede resultar molesto al momento de presentar o compartir nuestra aplicación. En este tutorial, aprenderemos cómo remover el banner de debug en una aplicación de Flutter. ¡Comencemos!

Pantalla donde se muestra el banner debug

Localizar el widget principal de la app.

El primer paso es localizar nuestro widget principal generalmente ubicado en lib/main.dart

Ahí encontraremos un código similar al siguiente:

Codigo base de una app de Flutter

Donde MaterialApp es el widget principal de la aplicacion.

Modificar el código del widget principal.

En nuestro MaterialApp widget vamos a agregar el atributo debugShowCheckedModeBanner y vamos a asignarle el valor false.

Puedes cambiar el valor a true de nuevo para que veas el comportamiento de la aplicación cuando esto sucede.

Imagen donde se muestra cómo remover el banner debug.

Después de esto guardamos nuestro archivo y veremos como desaparece el banner de debug.

Y así de sencillo es remover el banner de debug de Flutter, hay que recordar que este banner solo aparece cuando nuestra app esta en modo debug. Una vez que pasamos nuestra app a modo release este se remueve automáticamente.

Recuerda que puedes seguirme en mis redes sociales Facebook, Twitter y Youtube donde estare al pendiente de cualquier duda o comentario relacionado con Flutter. Así como visitar los demas post de mi blog que constantemente ire actualizando con pequeños tutoriales o temas avanzados relacionados con desarrollo apps.


Publicado

en

por

Comentarios

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *