Eliminar cinta debug en Flutter

Eliminar cinta debug del banner o appBar en una app Fllutter

VIDEO Eliminar cinta debug del banner o appBar en una app Fllutter

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


Eliminar cinta debug en Flutter

Eliminar cinta debug del banner o appBar en una app Fllutter

Para cambiar la cinta debug de una App con Flutter

debemos agregar el paquete de servicios del SDK de Flutter la forma de hacerlo es importando 

import 'package:flutter/services.dart';

Y dentro de MaterialApp debemos agregar el estado del banner debug en false

debugShowCheckedModeBanner: false,

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),)
        )
      ),
    );
  }
}

 

 

Compártelo...talvez alguién lo necesite!

Whatsapp Messenger Facebook Twitter
ó copia el link

¿Quieres el código fuente del proyecto
Eliminar cinta debug en Flutter?

...por favor suscríbete gratuitamente para descargarlo

SUSCRÍBIRME

Visitado 705 veces | Publicado hace 8 meses

© Todos los derechos reservados | codea.app | Comunidad de programación web y desarrollo de aplicaciones móviles | Perú 2019