Как убрать отладочный баннер в флаттере на эмуляторе Android?

Как убрать отладочный баннер в флаттере?

Я использую flutter screenshot и я бы хотел, чтобы на скриншоте не было баннера. Теперь это имеет.

Обратите внимание, что меня not supported for emulator сообщения not supported for emulator для профиля и режима выпуска.

Ответ 1

На вашем MaterialApp установите debugShowCheckedModeBanner на false.

MaterialApp(
 debugShowCheckedModeBanner: false
)

Медленный баннер также будет автоматически удален при сборке релиза.

Ответ 2

В вашем классе, в MaterialApp использовать для

debugShowCheckedModeBanner: false,

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

Ответ 3

MaterialApp(
 debugShowCheckedModeBanner: false
)

Ответ 4

Если вы используете IntelliJ IDEA, в инспекторе флаттера есть возможность отключить его.

запустить проект

open the flutter inspector

hide slow banner

Находясь в инспекторе Flutter, нажмите или выберите "Дополнительные действия".

Изображение инспектора по флаттеру

Когда появится меню, выберите "Скрыть баннер режима отладки"

Изображение баннера скрытого режима отладки

Ответ 5

Просто установите debugShowCheckedModeBanner: false на свой MaterialApp.

Пример из нашего приложения TodoMVC:

class TodoApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter • TodoMVC',
      debugShowCheckedModeBanner: false,
      theme: new ThemeData(
        fontFamily: 'Helvetica Neue',
        primarySwatch: Colors.blueGrey,
      ),
      home: new SplashPage(),
      routes: {
        '/todos': (BuildContext context) => new TodoList(),
      },
    );
  }
}

Ответ 6

    MaterialApp(
      debugShowCheckedModeBanner:false  // Add this line 
    )

//И запустить приложение или перезагрузить

Ответ 7

Ну, это простой ответ, который вы хотите.

MaterialApp(
 debugShowCheckedModeBanner: false
)

Но если вы хотите углубиться в приложение (хотите apk релиза (у которого нет отладочного баннера) и если вы используете Android Studio, тогда перейдите на

Run → Flutter Запустить 'main.dart' в режиме Relese

Ответ 8

Если вы используете Android Studio, вы можете найти эту опцию во вкладке Flutter Inspector → More Actions.

enter image description here

Ответ 9

если вы хотите удалить его полностью, используйте свойство dubugShowCheckedModeBanner: false в вашем корневом виджете. см. пример ниже,

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

Ответ 10

вам нужно установить для debugShowCheckedModeBanner значение false в виджете приложения материала

Ответ 11

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

Добавить debugShowCheckedModeBanner: false, чтобы удалить

Ответ 12

Существует также другой способ удаления баннера отладки из приложения флаттера. Теперь после новой версии в файле main.dart нет "debugShowCheckedModeBanner: false,". Поэтому я думаю, что эти методы эффективны:

  1. Если вы используете VS Code, установите "Dart DevTools" из расширений. После установки вы можете легко найти текстовый значок "Dart DevTools" в нижней части VS Code. Когда вы нажмете на этот текстовый значок, в Google Chrome откроется ссылка. С этой страницы ссылки вы можете легко удалить баннер, просто нажав на значок баннера, как показано на этом скриншоте.

ПРИМЕЧАНИЕ: - Dart DevTools - это расширение отладчика языка дартс в VS Code

  1. Если Dart DevTools уже установлен в вашем коде VS, вы можете напрямую открыть Google Chrome и открыть этот URL = "127.0.0.1:ZZZZZ/?hide=debugger&port=XXXXX"

ПРИМЕЧАНИЕ. - В этой ссылке замените "XXXXX" на 5-значный идентификатор порта (на котором запущено ваше приложение для флаттера), который будет меняться каждый раз, когда вы используете команду "flutter run" и заменять "ZZZZZ" на глобальный (неизменяемый). 5-значный идентификатор отладчика

ПРИМЕЧАНИЕ: - эти инструменты разработчика dart предназначены только для "браузера Google Chrome"

Ответ 13

Обычно внутри файла main.dart находится MaterialApp,

debugShowCheckedModeBanner: false

И запустить ваше приложение? Вот оно, проблема решена!

Ответ 14

debugShowCheckedModeBanner: false

class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return new MaterialApp(
          title: Constants.APPTITLE,
          theme: new ThemeData(
            primaryColor: Colors.pink
          ),
          debugShowCheckedModeBanner: false,
          home: new Home(),
        );
      }
    }

Ответ 15

Добавьте свойство debugShowCheckedModeBanner в свое приложение и установите для него значение false.

debugShowCheckedModeBanner: false,

Ответ 16

Внутри вашего MaterialApp использовать свойство:

  debugShowCheckedModeBanner : false 

Это оно. Затем перезагрузите и баннер будет удален. По умолчанию это правда, но в выпуске он будет автоматически удален.

Ответ 17

Вы можете установить для свойства debugShowCheckedModeBanner значение false, чтобы удалить баннер отладки.

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

Ответ 18

В main.dart установите debugShowCheckedModeBanner: false

Ответ 20

Просто установите debugShowCheckedModeBanner: false в своем MaterialApp.

Готово!

enter image description here

void main(){
  runApp(new MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => new _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: new Text('My Application'),
      debugShowCheckedModeBanner: false,   // Add this line*
      theme: new ThemeData(
        primarySwatch: Colors.blue,
       ),
      home: new Container(),

    );
  }
}

Примечание. Добавьте код закомментированной строки

.Эта строка позволяет скрыть баннер "Медленный режим" или "Отладка" по умолчанию в правом верхнем углу эмулятора.

См: http://www.leutbounpaseuth.me/flutter/hide-debug-banner/

Ответ 21

debugShowCheckedModeBanner: false

внутри виджета MaterialApp()

Я думаю, что это может помочь

Ответ 22

На вашем MaterialApp()

MaterialApp(
debugShowCheckedModeBanner: false
)

Ответ 23

Под виджетом MaterialApp есть атрибут debugShowMaterialGrid. Установите значение false. Пример:

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

Надеюсь, это поможет.

Ответ 24

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

Это удалит баннер отладки, но этот баннер будет отображаться только в том случае, если приложение работает на эмуляторе или на реальном устройстве после того, как Real Build Banner автоматически удалит. Надеюсь, это было полезно для вас.

Ответ 25

Если вы хотите отладить ваше приложение во флаттере и только скрыть ленту, установите свойство debugShowCheckedModeBanner в Material Widget.

В вашем вызове MaterialApp установите следующее:

MaterialApp(
      debugShowCheckedModeBanner: false,
);

или в командной строке:

трепетание --release

Пример:

 class MyApp extends StatelessWidget {
      // This widget is the root of your application.
      @override
      Widget build(BuildContext context) {
        return new MaterialApp(
          debugShowCheckedModeBanner: false,
          title: 'Flutter',
          home: new MyHomePage(title: 'Home Page'),
        );
      }
    }

Ответ 26

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(

      debugShowCheckedModeBanner: false,

      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

Ответ 27

Это довольно просто, просто запустите команду "flutter run --release" в терминале или создайте версию выпуска своего приложения и установите ее. Это то, что я делаю, когда я хочу запустить его в Android.

Ответ 28

просто установите значение атрибута debugShowCheckedModeBanner внутри виджета MaterialApp в false debugShowCheckedModeBanner: false