Eliminar cinta debug en Flutter

Eliminar cinta debug del banner o appBar en una app Fllutter

Video Quitar la cinta de debug en Fllutter

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

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

 

 

No hay descargable

Redactado por: , Leido 8678 veces

CURSOS DE PROGRAMACIÓN CON PROYECTOS

© Todos los derechos reservados Codea App FullStack | Cursos de programación avanzados | 2020 - 2021