it-swarm.com.de

Wie Debug-Banner in Flatter auf Android Emulator entfernen?

So entfernen Sie Debug-Banner im Flattern?

Ich verwende flutter screenshot und möchte, dass der Screenshot kein Banner enthält. Jetzt hat es.

Beachten Sie, dass ich die Meldung not supported for emulator für den Profil- und Freigabemodus erhalte.

106
Tree

Auf Ihrem MaterialApp setzen Sie debugShowCheckedModeBanner auf false.

MaterialApp(
 debugShowCheckedModeBanner: false
)

Das langsame Banner wird beim Release-Build ebenfalls automatisch entfernt.

221
Rémi Rousselet

In Ihrer Klasse in MaterialApp verwenden, um

debugShowCheckedModeBanner: false,

...
return new MaterialApp(
    title: 'Flutter Test',
    debugShowCheckedModeBanner: false,
    home: new Column(
        ...
    ),
    builder: (BuildContext context, Widget child) {
        ...
    }
);
...
37
CrsCaballero
MaterialApp(
 debugShowCheckedModeBanner: false
)
12
Jithesh Kt

Wenn Sie IntelliJ IDEA verwenden, gibt es im Flatterinspektor eine Option zum Deaktivieren.

führen Sie das Projekt aus

Flatterinspektor öffnen

langsames Banner verstecken

Klicken Sie im Flatterinspektor auf oder wählen Sie "Weitere Aktionen".

Bild des Flatterinspektors

Wenn das Menü angezeigt wird, wählen Sie "Hide Debug Mode Banner"

Bild von Hide Debug Mode Banner

8
Mamnarock

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

MaterialApp(
 debugShowCheckedModeBanner: false
)

Aber wenn du tief in die App eintauchen willst (Willst du ein Release-Apk (das kein Debug-Banner hat)) und wenn du Android Studio verwendest, dann gehe zu

Run -> Flutter Run 'main.Dart' im Relese-Modus

4
vivek yadav
    MaterialApp(
      debugShowCheckedModeBanner:false  // Add this line 
    )

// Und starte die App oder das Hotreload

4

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

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

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

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

HINWEIS: - Ersetzen Sie in diesem Link "XXXXX" durch die 5-stellige Port-ID (auf der Ihre Flatter-App ausgeführt wird), die sich jedes Mal ändert, wenn Sie den Befehl "flutter run" verwenden, und ersetzen Sie "ZZZZZ" durch Ihren globalen (unchangeble) ) 5-stellige Debugger-ID

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

2
Surendra Kumar

Wenn Sie Android Studio verwenden, finden Sie die Option auf der Registerkarte Flatterinspektor -> Weitere Aktionen.

enter image description here

2
tottomotto

sie müssen debugShowCheckedModeBanner in Ihrem Material-App-Widget auf false setzen

2
parth jansari
void main() {
  runApp(MaterialApp(
    title: 'My app',
    debugShowCheckedModeBanner: false,
    home: MyScaffold(),
  ));
}

Add debugShowCheckedModeBanner: false, zum Entfernen

2
Amit Kumar

wenn Sie es vollständig entfernen möchten, verwenden Sie die Eigenschaft dubugShowCheckedModeBanner: false in Ihrem Stamm-Widget. siehe unten Beispiel,

class Application extends StatelessWidget{
@override
Widget build(BuildContext context) {
return MaterialApp(
  home : Scaffold(
    appBar: AppBar(
      title: Text('Booklar'),
    ),
  ),
  debugShowCheckedModeBanner: false,
);
}
}
1
Kiran Maniya

Normalerweise befindet sich in der main.Dart-Datei MaterialApp,

debugShowCheckedModeBanner : false

Und deine App ausführen? Das Problem ist gelöst!

1
vij
MaterialApp(
      home: Scaffold(
        debugShowCheckedModeBanner: false,
);

Dadurch wird das Debug-Banner entfernt. Dieses Banner wird jedoch nur angezeigt, wenn die App auf einem Emulator oder einem realen Gerät ausgeführt wird, nachdem realse Build Banner automatisch entfernt wird. Hoffe, dies war hilfreich für Sie

0

Sie können die Eigenschaft debugShowCheckedModeBanner auf false setzen, um das Debug-Banner zu entfernen

void main() => runApp(
              MaterialApp(
                    debugShowCheckedModeBanner: false,
                    home: SplashPage()
                 ));
0
Maddu Swaroop

Verwenden Sie in Ihrer MaterialApp-Eigenschaft Folgendes:

  debugShowCheckedModeBanner : false 

Das ist es. Dann wird neu geladen und das Banner entfernt. Standardmäßig ist es true, aber in der Version wird es automatisch entfernt.

0
Hanish

Unter dem MaterialApp-Widget befindet sich ein Attribut mit dem Namen debugShowMaterialGrid . Setzen Sie dieses Attribut auf false. Beispiel

  Widget build(BuildContext context) {
    return MaterialApp(
         title: 'Flutter Demo',
         debugShowMaterialGrid: false,
    )
  }

Ich hoffe das hilft.

0