移除Flutter右上角的DEBUG标识

最新推荐文章于 2025-02-26 20:59:53 发布
最新推荐文章于 2025-02-26 20:59:53 发布
阅读量2.4k 收藏 2
点赞数
分类专栏： Flutter 文章标签： flutter debug标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yongshiaoteman/article/details/106082767
版权
这篇博客介绍了如何在Flutter开发中移除右上角的DEBUG标识，提供了两种方法：一是通过代码修改，二是利用Android Studio的设置。在打包正式版时自动移除，或者在开发阶段可手动按需选择合适的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在使用Flutter进行开发时, 右上角会出现一个DEBUG的标识. 测试的时候倒是无所谓, 但是APP上线前肯定要将其去掉. 证明其是一个开发完成的、完整的APP. 这篇非常简短的博客将会记录如何去掉Flutter右上角的DEBUG标识. 一共有两种方式, 你可以按需来选择!

自动移除

别担心, 你在为Flutter打正式包的时候, 这个标志将会自动消失. 但有的时候我们想在开发过程中直接去掉, 那么你会需要下面的手动移除.

方法一: 代码修改

找到你的MaterialApp(建议直接使用关键字进行全局搜索), 为其添加一个属性即可去掉:

MaterialApp(
 debugShowCheckedModeBanner: false
 ...
)

如图:
01.png

方法二: Android Studio修改

如果你用的是Android Studio, 那么你可以不修改代码, 通过鼠标来移除:

第一步: 点击界面右侧侧边栏的Flutter Inspector, 如图:
02.png

第二步: 点击弹出界面的"More Actions"的下拉选(这个按钮字比较小, 比较隐蔽):

最低0.47元/天 解锁文章
【Flutter】如何移除 Flutter 右上角的 DEBUG 标识
Code Metaverse
06-09 1012
移除 Flutter 右上角的 DEBUG 标识
如何提升Flutter应用外观：去掉DEBUG标志的高效方法
专注于深入研究多种编程语言，以实战为导向，逐步拓展开发技能，提升工程化编码和思维能力，展现无敌技术实力。
10-11 1009
在Flutter应用程序中，DEBUG标志可能在调试模式下干扰用户体验。本文将向您介绍如何通过多种方法来隐藏这个标志，以便在发布应用程序时提供更专业和美观的外观。无论是通过使用Flutter框架提供的全局变量，自定义标题栏，还是使用命令行标志，您都将学会如何轻松地管理DEBUG标志的显示。优化您的Flutter应用程序，让用户专注于您的应用而不是调试信息。
Flutter 清除 debug 标签
zhangsp_dev_dxdc的博客
07-24 271
【代码】Flutter 清除 debug 标签。
flutter 专题 八十一 Flutter混合开发
最新发布
m0_61164038的博客
02-26 648
使用Flutter从零开始开发App是一件轻松惬意的事情，但对于一些成熟的产品来说，完全摒弃原有App的历史沉淀，全面转向Flutter是不现实的。因此使用Flutter去统一Android、iOS技术栈，把它作为已有原生App的扩展能力，通过有序推进来提升移动终端的开发效率。目前，想要在已有的原生App里嵌入一些Flutter页面主要有两种方案。一种是将原生工程作为Flutter工程的子工程，由Flutter进行统一管理，这种模式称为统一管理模式。
dart基础计数器
04-01 335
import 'package:flutter/material.dart'; void main() => runApp(new MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return...
【Flutter 问题系列第 2 篇】如何去除 Flutter 右上角的 debug 标识
“Allen Su”的博客
07-18 5349
如何去除 Flutter 右上角的 debug 标识。
Flutter 笔记 | Flutter 核心原理（一）架构和生命周期
川峰的博客
05-19 3604
简单来讲，Flutter 从上到下可以分为三层：框架层、引擎层和嵌入层，下面我们分别介绍： 1. 框架层 Flutter Framework，即框架层。这是一个纯 Dart实现的 SDK，它实现了一套基础库，自底向上，我们来简单介绍一下： 底下两层（Foundation 和 Animation、Painting、Gestures）在 Google 的一些视频中被合并为一个dart UI层，对应的是Flutter中的dart:ui包，它是 Flutter Engine 暴露的底层UI库，提供动画、手势及
Flutter 笔记 | Flutter Native 插件开发 (Android)
川峰的博客
05-20 2614
BasicMessageChannel、 MethodChannel、 EventChannel是开发者和 Flutter Framework 进行通信的接口，它们的底层通信都是通过 messenger 字段所持有的BinaryMessenger接口来实现的。Platform view 允许将原生视图嵌入到 Flutter 应用中，所以您可以通过 Dart 将变换、裁剪和不透明度等效果应用到原生视图。 Flutter 支持两种集成模式：虚拟显示模式 (Virtual displays) 和混合集成模式 (
Flutter 开发：去掉 APP 右上角的 debug 图标字样
一只奋斗的猪
04-26 1497
目前再用 Flutter 去开发一个联系人备份的 App，但是右上角的 debug 字样会挡住图标，不怎么好看，所以想去掉，去掉方法如下： 在程序默认展示的页面中加上 debugShowCheckedModeBanner: false, 即可。 import 'package:ContactApp/view/login.dart'; import 'package:flutter/material...
去除flutter右上角的debug字眼
blue_sky的博客
11-20 436
在入口mart.dart中声明 MaterialApp下 debugShowCheckedModeBanner: false 代码如下 MaterialApp( title: 'App', theme: ThemeData( // This is the theme of your application. // // Try running your application with "flutter
Flutter去除右上角Debug标签
热门推荐
吉原拉面
08-20 1万+
  在MaterialApp初始化的时候，设置debugShowCheckedModeBanner: false即可： void main(){ runApp(new MyApp()); } class MyApp extends StatefulWidget { @override _MyAppState createState() => new _MyAppState(...
Flutter去除右上角的Debug
cainiao1412的博客
04-11 867
` debugShowCheckedModeBanner: false, `
去掉flutter模拟器右上角debug字样
weixin_44520574的博客
03-14 783
运行flutter项目是右上角有个红色的debug字样很显眼，去掉它！ 在最外层的小部件中加入 debugShowCheckedModeBanner: false, 就可以了，如下 class MyApp extends StatelessWidget{ @override Widget build(BuildContext context){ return new Materia...
Flutter （3）去掉右上角DEBUG水印
ms
05-17 433
Flutter 去掉右上角DEBUG水印 在 MaterialApp 添加 debugShowCheckedModeBanner: false， return MaterialApp( // 去掉右上角DEBUG水印 debugShowCheckedModeBanner: false, ... );
Flutter 关闭右上角debug角标
卜卦的博客
09-08 462
return MaterialApp( debugShowCheckedModeBanner: false, // false 禁用角标 home: PageUserFeedBack() );
Flutter-去掉DUBEG标识
lvsonghai的博客
04-29 384
Flutter-去掉DUBEG标识 在运行flutter项目时候，会遇到在模拟器或者手机的左上角遇到DEBUG的展示， 显得不是很美观；或者因为某些愿意，不想让屏幕上展示DEBUG；这个时候可以在MaterialApp中添加上这句话： return MaterialApp( debugShowCheckedModeBanner: false, ) 再次执行**“Flu...
关闭flutter调试时右上角的'debug'字样
路漫漫其修远
10-09 510
image.png class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner:false, // 加入这行代码,即可关闭'DEBUG'字样 ...
去掉Flutter模拟器右上角debug图标字样
qq_44945983的博客
11-26 689
在写flutter项目的时候在模拟器右上角有个debug字样，看着碍眼，去除方法如下： 在最外层写入debugShowCheckedModeBanner: false,就可以。 class MyApp extends StatelessWidget { const MyApp({Key key}) : super(key: key); @override Widget build(Bu...
iOS flutter 混编问题- 如何去掉flutter的右上角的debug角标
chouqueju9999的博客
08-27 1130
iOS中接入flutter默认右上角有一个debug字样的标识，怎呢去掉呢？ 方法1： 直接入口隐藏 debugShowCheckedModeBanner: false, //加入这句话 可以去掉debug角标 如上段代码，直接加入MaterialApp中： 2、flut...
解决Flutter在Android Studio中缺少io.flutter:flutter_embedding_debug问题
资源摘要信息:"在使用Android Studio进行Flutter开发时，遇到了一个具体的错误提示，即无法找到名为io.flutter:flutter_embedding_debug的依赖包。此问题可能由多种原因引起，比如Flutter SDK版本与Android Studio不...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值