Inicio » Blog » Flutter

28 diciembre, 2018

Eliminar cinta debug en Flutter

DebugShowChechedBanner : false , La cinta debug muestra el estado de la App que esta en modo debug, veremos el proceso para eliminar dicha cinta

Suscríbete a nuestro canal en Youtube

Suscríbirse

La bandera "DebugShowCheckedModeBanner" en Flutter es una característica que muestra un banner rojo de "DEBUG" en la esquina derecha de la aplicación cuando la aplicación se ejecuta en modo de depuración. Este banner sirve como una señal visual para recordar a los desarrolladores y probadores que la aplicación está en modo de depuración, y no debe estar presente en una versión de producción.

Si deseas ocultar este banner en tu aplicación Flutter cuando esté en modo de depuración, puedes hacerlo siguiendo estos pasos:

  1. Abre el archivo main.dart (o el archivo principal de entrada de tu aplicación) donde se crea la instancia de MaterialApp.

  2. Dentro de la instancia de MaterialApp, busca la propiedad debugShowCheckedModeBanner y establécela en false. Debería verse así:

Nuestro código final quedará de la siguiente manera:

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primaryColor: Colors.indigo
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text("Primera App"),
        ),
        body:Center(
          child: new Text("Hola Mundo", style: TextStyle(color :Colors.indigo, fontSize: 50),)
        )
      ),
    );
  }
}

Establecer debugShowCheckedModeBanner en false hará que el banner de depuración desaparezca cuando ejecutes la aplicación en modo de depuración. Sin embargo, ten en cuenta que el banner seguirá apareciendo en las versiones de desarrollo (release) de la aplicación para que puedas identificar si estás ejecutando una versión de depuración o una versión de producción.

Una vez que hayas realizado este cambio, el banner de depuración ya no se mostrará en la esquina derecha de tu aplicación cuando la ejecutes en modo de depuración.

 


Leido 20614 veces

Compartir link del tutorial con tus amigos


Aprende más sobre Flutter

Cursos de programación

Codea Codea App

México, Colombia, España, Venezuela, Argentina, Bolivia, Perú

© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023