Eliminar cinta debug en Flutter

Quitar la cinta de debug en Fllutter

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

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 15967 veces

Aprende más sobre FLUTTER

Codea App
Codea App FullStack

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

You Fb Tik Pin

© Todos los derechos reservados Codea App | Cursos de programación | 2020 - 2022