Androidエミュレータでフラッターのデバッグバナーを削除するにはどうすればよいですか?[閉まっている]


271

フラッターのデバッグバナーを削除する方法

私は使用flutter screenshotしていますが、スクリーンショットにバナーがないようにしたいと思います。今ではあります。

not supported for emulatorプロファイルとリリースモードのメッセージが表示されることに注意してください。


debugShowCheckedModeBanner:false
xgqfrms

debugShowCheckModeBanner:falseMaterialApp()ウィジェットを追加すると、ホットリロード時にバナーが削除されます
maheshmnj

@maheshmnjあなたのコメントと承認された回答の違いは何ですか?あなたは検証された回答の後にコメントしましたか?
TARUN SHARMA

コメントと回答の違いは、早い段階で名前が付けられたタイムスタンプも参照してください。ここに回答があまりなかった場合
maheshmnj

@maheshmnjしかし、確認済みの回答がコメントの前にすでにあるため、ユーザーが既に回答を確認したとしても、コメントは役に立たない。
TARUN SHARMA

回答:


542

あなたのMaterialAppセットdebugShowCheckedModeBannerfalse

MaterialApp(
 debugShowCheckedModeBanner: false
)

デバッグバナーも自動的にリリースビルドに削除されます。


21
使用法:return new MaterialApp( home: new LoginPage(), debugShowCheckedModeBanner: false, theme: new ThemeData( primarySwatch: Colors.green, ));
Alex Angelico

1
debugShowCheckedModeBanner: false各クラスで使用する必要があるのはアクティビティですか?
Ashish、

4
flutterツールの組み込みのスクリーンショットコマンドでも、それが役立つかどうスクリーンショットを取っている間、自動的に「デバッグ」のバナーを削除する方法を知っています。
Eric Seidel、

1
@Ashish、いいえ。あなたはする必要はありません。
C-Spydo

@EricSeidelデフォルトではありません(Flutter 1.16.4-pre.18•チャネルマスター• github.com /flutter/ flutter.gitフレームワーク•リビジョンc8efcb632b(6週間前)•2020-03-27 22:31: 01 -0700エンジン•リビジョン3ee9e3d378)これを有効にするトリックはありますか?
トーマス

50
  • Android Studioを使用している場合は、[Flutterインスペクター]タブ-> [その他のアクション]にオプションがあります。

Android Studio

  • または、Dart DevToolsを使用している場合は、右上隅にも同じボタンがあります。

Dart DevTools


21

IntelliJ IDEAを使用している場合、フラッターインスペクターに無効にするオプションがあります。

プロジェクトを実行する

フラッターインスペクターを開く

遅いバナーを非表示にする

Flutterインスペクターで、[その他の操作]をクリックまたは選択します。

Flutter Inspectorの画像

メニューが表示されたら、[デバッグモードバナーを非表示]を選択します。

デバッグモードバナーを非表示にするの画像


19

まあこれはあなたが望む簡単な答えです。

MaterialApp(
 debugShowCheckedModeBanner: false
)

ただし、アプリを深く使いたい場合(リリースAPK(デバッグバナーがないもの)が必要)、およびAndroid Studioを使用している場合は、

実行-> Flutter Run 'main.dart' in Relese mode


9

flutterアプリから「デバッグ」バナーを削除する別の方法もあります。新しいリリースの後"debugShowCheckedModeBanner: false,"、main.dartファイルにコード行はありません。だから私はこれらの方法が効果的だと思います:

  1. VS Codeを使用している場合は"Dart DevTools"、拡張機能からインストールします。インストール後"Dart DevTools"、VS Codeの下部にあるテキストアイコンを簡単に見つけることができます。そのテキストアイコンをクリックすると、Google Chromeでリンクが開きます。このスクリーンショットに示すように、リンクページからバナーアイコンをタップするだけで簡単にバナーを削除できます。

注:-Dart DevToolsはVSコードのdart言語デバッガー拡張です

  1. Dart DevToolsVS Codeに既にインストールされている場合は、Google Chromeを直接開いて、このURLを開くことができます="127.0.0.1:ZZZZZ/?hide=debugger&port=XXXXX"

注:-このリンクでは、「XXXXX」を5桁のポートID(フラッターアプリが実行されているID)に"flutter run"置き換えます。 id

注:-これらのdart開発ツールは「Google Chromeブラウザ」専用です

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.