Wie entferne ich Debug-Banner im Flattern auf dem Android-Emulator? [geschlossen]

267

Wie entferne ich das Debug-Banner im Flattern?

Ich benutze flutter screenshotund möchte, dass der Screenshot kein Banner hat. Jetzt hat es.

Beachten Sie, dass ich eine not supported for emulatorNachricht für den Profil- und Freigabemodus erhalte .

Baum
quelle
debugShowCheckedModeBanner: false
xgqfrms
Fügen Sie debugShowCheckModeBanner:falsein MaterialApp () Widget und das sollte das Banner beim Hot Reload entfernen
maheshmnj
@maheshmnj Kannst du mir sagen, was sich in deinem Kommentar von einer akzeptierten Antwort unterscheidet, die du nach einer verifizierten Antwort kommentiert hast?
TARUN SHARMA
Es gibt einen Unterschied zwischen einem Kommentar und einer Antwort. Schauen Sie sich auch den Zeitstempel an, den er früh benannt hat, als es nicht viele Antworten gab
maheshmnj
@maheshmnj, aber eine verifizierte Antwort war bereits vor Ihrem Kommentar hier, so dass der Kommentar auch nutzlos ist, selbst wenn ein Benutzer bereits eine Antwort verifiziert hat.
TARUN SHARMA

Antworten:

533

Auf deinem MaterialAppSet debugShowCheckedModeBannerzu false.

MaterialApp(
 debugShowCheckedModeBanner: false
)

Das Debug- Banner wird auch beim Release-Build automatisch entfernt.

Rémi Rousselet
quelle
20
Verwendung:return new MaterialApp( home: new LoginPage(), debugShowCheckedModeBanner: false, theme: new ThemeData( primarySwatch: Colors.green, ));
Alex Angelico
1
Muss ich debugShowCheckedModeBanner: falsefür jede Klasse Mittel verwenden?
Ashish
4
Der flutterintegrierte Screenshot-Befehl des Tools weiß auch, wie das "Debug" -Banner automatisch entfernt wird, während ein Screenshot erstellt wird, wenn dies hilfreich ist.
Eric Seidel
1
@ Ashish, Nein. Das musst du nicht.
C-Spydo
@EricSeidel Nicht standardmäßig nicht (Flutter 1.16.4-pre.18 • Kanalmaster • github.com/flutter/flutter.git Framework • Revision c8efcb632b (vor 6 Wochen) • 2020-03-27 22:31: 01 -0700 Motor • Revision 3ee9e3d378) Gibt es einen Trick, um dies zu aktivieren?
Thomas
49
  • Wenn Sie Android Studio verwenden, finden Sie die Option auf der Registerkarte Flatterinspektor -> Weitere Aktionen.

Android Studio

  • Wenn Sie Dart DevTools verwenden, finden Sie dieselbe Schaltfläche auch in der oberen rechten Ecke.

Dart DevTools

tottomotto
quelle
19

Nun, das ist eine einfache Antwort, die Sie wollen.

MaterialApp(
 debugShowCheckedModeBanner: false
)

Aber wenn Sie tief in die App einsteigen möchten (Möchten Sie eine Release-Apk (die kein Debug-Banner hat) und wenn Sie Android Studio verwenden, dann gehen Sie zu

Ausführen -> Flattern Führen Sie 'main.dart' im Relese-Modus aus

vivek yadav
quelle
9

Es gibt auch eine andere Möglichkeit, das "Debug" -Banner aus der Flatter-App zu entfernen. Jetzt nach der Neuerscheinung gibt es keine"debugShowCheckedModeBanner: false," Codezeile in der Datei main.dart. Ich denke also, dass diese Methoden effektiv sind:

  1. Wenn Sie VS-Code verwenden, installieren Sie ihn "Dart DevTools"aus Erweiterungen. Nach der Installation finden Sie das "Dart DevTools"Textsymbol am unteren Rand des VS-Codes. Wenn Sie auf dieses Textsymbol klicken, wird ein Link in Google Chrome geöffnet. Auf dieser Link-Seite können Sie das Banner einfach entfernen, indem Sie einfach auf das Bannersymbol tippen, wie in diesem Screenshot gezeigt .

HINWEIS: - Dart DevTools ist eine Sprach-Debugger-Erweiterung in VS Code

  1. Wenn Dart DevToolsbereits in Ihrem VS-Code installiert, können Sie Google Chrome direkt öffnen und diese URL = öffnen"127.0.0.1:ZZZZZ/?hide=debugger&port=XXXXX"

HINWEIS: - Ersetzen Sie in diesem Link "XXXXX" durch eine 5-stellige Port-ID (auf der Ihre Flatter-App ausgeführt wird), die sich bei jeder Verwendung ändert "flutter run" ändert, Befehl verwenden, und ersetzen Sie "ZZZZZ" durch Ihren globalen (nicht veränderlichen) 5-stelligen Debugger. Ich würde

HINWEIS: - Diese Dart-Entwicklungstools sind nur für "Google Chrome Browser".

Surendra Kumar
quelle