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.
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.
Wenn Sie Dart DevTools verwenden, finden Sie dieselbe Schaltfläche auch in der oberen rechten Ecke.
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
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:
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
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".
debugShowCheckModeBanner:falsein MaterialApp () Widget und das sollte das Banner beim Hot Reload entfernenAntworten:
Auf deinem
MaterialAppSetdebugShowCheckedModeBannerzufalse.Das Debug- Banner wird auch beim Release-Build automatisch entfernt.
quelle
return new MaterialApp( home: new LoginPage(), debugShowCheckedModeBanner: false, theme: new ThemeData( primarySwatch: Colors.green, ));debugShowCheckedModeBanner: falsefür jede Klasse Mittel verwenden?flutterintegrierte Screenshot-Befehl des Tools weiß auch, wie das "Debug" -Banner automatisch entfernt wird, während ein Screenshot erstellt wird, wenn dies hilfreich ist.quelle
Wenn Sie IntelliJ IDEA verwenden, können Sie es im Flatterinspektor deaktivieren.
Wenn Sie sich im Flatterinspektor befinden, klicken Sie auf oder wählen Sie "Weitere Aktionen".
Bild des Flatterinspektors
Wenn das Menü angezeigt wird, wählen Sie "Banner im Debug-Modus ausblenden".
Bild von Hide Debug Mode Banner
quelle
Nun, das ist eine einfache Antwort, die Sie wollen.
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
quelle
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:"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
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ürdeHINWEIS: - Diese Dart-Entwicklungstools sind nur für "Google Chrome Browser".
quelle