web-dev-qa-db-ja.com

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

フラッターでデバッグバナーを削除するには?

私はflutter screenshotを使用しています、そして私はスクリーンショットにバナーがないことを望みます。今それは持っています。

プロファイルモードとリリースモードではnot supported for emulatorというメッセージが表示されます。

74
Tree

MaterialAppdebugShowCheckedModeBannerfalseに設定します。

遅いバナーもリリースビルド時に自動的に削除されます。

156
Rémi Rousselet

あなたのクラスでは、MaterialAppに使用する

debugShowCheckedModeBanner:false、

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

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

プロジェクトを実行する

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

遅いバナーを隠す

フラッタインスペクタを開いているときに、[その他の操作]をクリックまたは選択します。

Flutter Inspectorの写真

メニューが表示されたら、[Hide Debug Mode Banner]を選択します。

非表示デバッグモードバナーの画像

8
Mamnarock
MaterialApp(
 debugShowCheckedModeBanner: false
)
7
Jithesh Kt

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

MaterialApp(
 debugShowCheckedModeBanner: false
)

ただし、アプリ(デバッグバナーを持たないリリースapkが必要)を詳しく調べたい場合、およびAndroid studioを使用している場合は、

実行->フラッター実行「main.Dart」をReleseモードで実行

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

//アプリまたはHotreloadを実行します

4

あなたはあなたのマテリアルアプリウィジェットでdebugShowCheckedModeBannerをfalseに設定する必要があります。

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

追加するdebugShowCheckedModeBanner:false、を削除する

2
Amit Kumar

完全に削除したい場合は、ルートウィジェットでプロパティdubugShowCheckedModeBanner:falseを使用します。下記の例を参照してください。

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

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

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

注: - Dart DevTools は、VS CodeでのDart言語デバッガの拡張機能です。

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

注: - このリンクでは、「XXXXX」を5桁のport-id(あなたのflutterアプリが実行されている場所)に置き換えます。これは、"flutter run"コマンドを使用するたびに変わり、「ZZZZZ」をグローバル5桁のデバッガに置き換えます。 -id

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

1
Surendra Kumar

あなたがAndroid Studioを使用しているなら、あなたはFlutter Inspectorタブ - > More Actionsにオプションを見つけることができます。

enter image description here

1
tottomotto

通常main.Dartファイルの中にMaterialAppがあります、

debugShowCheckedModeBanner : false

そしてあなたのアプリを実行しますか?それで、問題は解決しました!

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

これはデバッグバナーを削除しますが、このバナーは、realse Build Bannerが自動的に削除された後に、アプリがエミュレーターまたは実際のデバイスで実行されている場合にのみ表示されます。

0

プロパティdebugShowCheckedModeBannerをfalseに設定して、デバッグバナーを削除できます。

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

MaterialApp内でプロパティを使用します。

  debugShowCheckedModeBanner : false 

それでおしまい。その後、リロードとバナーが削除されます。デフォルトでは真ですが、リリースでは自動的に削除されます。

0
Hanish

MaterialAppウィジェットの下にはdebugShowMaterialGridという属性がありますので、それをfalseに設定します。例:

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

これが役に立つことを願っています。

0