Come rimuovere il banner di debug in flutter sull'emulatore Android? [chiuso]


271

Come rimuovere il banner di debug in flutter?

Sto usando flutter screenshote vorrei che lo screenshot non avesse un banner. Ora ha.

Nota che ricevo un not supported for emulatormessaggio per il profilo e la modalità di rilascio.


debugShowCheckedModeBanner: false
xgqfrms

aggiungi debugShowCheckModeBanner:falseWidget MaterialApp () e questo dovrebbe rimuovere il banner in hot ricaricamento
maheshmnj

@maheshmnj puoi dirmi cosa c'è di diverso nel tuo commento da una risposta accettata, hai commentato dopo una risposta verificata?
TARUN SHARMA,

C'è una differenza tra un commento e una risposta anche guardare il timestamp che è stato nominato all'inizio quando non c'erano molte risposte
maheshmnj,

@maheshmnj ma una risposta verificata era già qui prima del tuo commento, quindi il commento è inutile anche se un utente ha già verificato una risposta.
TARUN SHARMA,

Risposte:


543

Sul tuo MaterialAppset debugShowCheckedModeBannerdi false.

MaterialApp(
 debugShowCheckedModeBanner: false
)

Il banner di debug verrà inoltre rimosso automaticamente al momento del rilascio della versione.


22
Utilizzo:return new MaterialApp( home: new LoginPage(), debugShowCheckedModeBanner: false, theme: new ThemeData( primarySwatch: Colors.green, ));
Alex Angelico,

1
debugShowCheckedModeBanner: falsedevo usare su ogni classe significa attività?
Ashish,

4
Il fluttercomando screenshot incorporato dello strumento sa anche come rimuovere automaticamente il banner "debug" mentre si fa uno screenshot se è utile.
Eric Seidel,

1
@Ashish, No. Non è necessario.
C-Spydo,

@EricSeidel Non per impostazione predefinita non funziona (Flutter 1.16.4-pre.18 • master canale • github.com/flutter/flutter.git Framework • revisione c8efcb632b (6 settimane fa) • 2020-03-27 22:31: 01 -0700 Motore • revisione 3ee9e3d378) C'è un trucco per abilitarlo?
Thomas,

51
  • Se stai utilizzando Android Studio, puoi trovare l'opzione nella scheda Impostazioni Flutter -> Altre azioni.

Android Studio

  • Oppure, se stai usando Dart DevTools, puoi trovare lo stesso pulsante anche nell'angolo in alto a destra.

Dart DevTools



19

Bene, questa è la semplice risposta che vuoi.

MaterialApp(
 debugShowCheckedModeBanner: false
)

Ma se vuoi approfondire l'app (vuoi un apk di rilascio (che non ha banner di debug) e se stai usando Android Studio, vai a

Esegui -> Flutter Esegui 'main.dart' in modalità Relese


9

C'è anche un altro modo per rimuovere il banner "debug" dall'app flutter. Ora dopo la nuova versione non c'è "debugShowCheckedModeBanner: false,"riga di codice nel file main.dart. Quindi penso che questi metodi siano efficaci:

  1. Se si utilizza VS Code, installare "Dart DevTools"da estensioni. Dopo l'installazione è possibile trovare facilmente l' "Dart DevTools"icona di testo nella parte inferiore di VS Code. Quando fai clic sull'icona del testo, verrà aperto un link in Google Chrome. Da quella pagina di collegamento è possibile rimuovere facilmente il banner semplicemente toccando l'icona del banner come mostrato in questo screenshot .

NOTA: - Dart DevTools è un'estensione del debugger in linguaggio dart in VS Code

  1. Se Dart DevToolssono già installati nel tuo codice VS, puoi aprire direttamente google chrome e aprire questo url ="127.0.0.1:ZZZZZ/?hide=debugger&port=XXXXX"

NOTA: - In questo collegamento, sostituire "XXXXX" con un ID porta a 5 cifre (su cui è in esecuzione l'app Flutter) che varierà ogni volta che si utilizza "flutter run" comando e sostituisci "ZZZZZ" con il tuo debugger globale (immutabile) a 5 cifre- id

NOTA: - questi strumenti di sviluppo freccette sono solo per "Google Chrome Browser"

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.