移除Flutter右上角的DEBUG标识

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

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

自动移除

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

方法一: 代码修改

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

MaterialApp(
 debugShowCheckedModeBanner: false
 ...
)

如图:
01.png

方法二: Android Studio修改

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

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

最低0.47元/天 解锁文章
阿航_
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何提升Flutter应用外观：去掉DEBUG标志的高效方法
专注于深入研究多种编程语言，以实战为导向，逐步拓展开发技能，提升工程化编码和思维能力，展现无敌技术实力。
10-11 725
在Flutter应用程序中，DEBUG标志可能在调试模式下干扰用户体验。本文将向您介绍如何通过多种方法来隐藏这个标志，以便在发布应用程序时提供更专业和美观的外观。无论是通过使用Flutter框架提供的全局变量，自定义标题栏，还是使用命令行标志，您都将学会如何轻松地管理DEBUG标志的显示。优化您的Flutter应用程序，让用户专注于您的应用而不是调试信息。
【Flutter】如何移除 Flutter 右上角的 DEBUG 标识
Code Metaverse
06-09 776
移除 Flutter 右上角的 DEBUG 标识
【Flutter 问题系列第 2 篇】如何去除 Flutter 右上角的 debug 标识
“Allen Su”的博客
07-18 5085
如何去除 Flutter 右上角的 debug 标识。
高频Flutter-问题大汇总，总有一款曾困惑你！（含解决问题方法）
最新发布
2401_84008965的博客
05-11 653
由于题目很多整理答案的工作量太大，所以仅限于提供知识点，详细的很多问题和参考答案我都整理成了 PDF文件《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门，即可获取！由于题目很多整理答案的工作量太大，所以仅限于提供知识点，详细的很多问题和参考答案我都整理成了 PDF文件[外链图片转存中…(img-iLlqbN84-1715434486115)][外链图片转存中…(img-IjKdmwLu-1715434486116)]
flutter去除debug标志
qq_44255741的博客
09-06 107
【代码】flutter去除debug标志。
Flutter 开发：去掉 APP 右上角的 debug 图标字样
一只奋斗的猪
04-26 1307
目前再用 Flutter 去开发一个联系人备份的 App，但是右上角的 debug 字样会挡住图标，不怎么好看，所以想去掉，去掉方法如下： 在程序默认展示的页面中加上 debugShowCheckedModeBanner: false, 即可。 import 'package:ContactApp/view/login.dart'; import 'package:flutter/material...
flutter底部导航栏添加角标
01-20
这个`Container`会被定位到图标右上角，通过设置`position`属性实现。最后，将`padItem`（包含图标和可能的角标）添加到`Padding`内，并返回给`Row`。 综上所述，这段代码展示了如何在Flutter中创建一个带有角标的...
flutter PageView实现左右滑动切换视图
01-05
本文实例为大家分享了flutter PageView左右滑动切换视图的具体代码，供大家参考，具体内容如下 import 'dart:math'; import 'package:cached_network_image/cached_network_image.dart'; import 'package:flutter/...
flutter_debug
04-18
一个新的Flutter应用程序。 入门 该项目是Flutter应用程序的起点。 如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门： 要获得Flutter入门方面的帮助，请查看我们的，其中提供了教程，示例，有关移动...
Flutter 通过 ClipRRect 为图片添加圆角
01-07
import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( ...
io.flutter.zip
07-23
Android Studio上运行Flutter，报错could not find io.flutter:flutter_embedding_debug的错误，需要替换以上zip文件即可，Android Studio 4.2.0, Flutter 2.2.3, Dart 2.13.4
【Flutter】Flutter 调试 ( Debug 调试窗口 | 手机日志信息查看 | 设置普通断点 | 设置表达式断点 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
03-30 6618
一、Flutter 调试简介、 二、Debug 调试窗口、 三、手机日志信息查看、 四、设置普通断点、 五、设置表达式断点、 六、相关资源、
关闭flutter调试时右上角的'debug'字样
路漫漫其修远
10-09 420
image.png class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner:false, // 加入这行代码,即可关闭'DEBUG'字样 ...
Flutter中如何去掉右上角的DEBUG标签(debugShowCheckedModeBanner)
重学Android，保持学习
08-06 3731
看到自己写的Flutter APP或者运行的Demo常常有这个标签，那么我们需要如何去掉呢？ 方法一，构建release版本 方法二，看着不爽，在调试阶段只需要一行代码： void main() { runApp(Zodoscope()); } class Zodoscope extends StatefulWidget { @override _ZodoscopeSt...
Flutter去除调试时右上角Debug标签
Dunkle.T的博客
01-04 1798
在MaterialApp函数中添加参数： debugShowCheckedModeBanner: false, 其添加位置如下： import 'package:flutter/material.dart'; void main()=>runApp( MaterialApp( // 添加到此函数的参数列表中 debugShowCheckedModeBanner: false, home:MyApp(), ) ); class MyApp extends State
Flutter —— 将开源项目改为 Debug 模式
Bevis的博客
04-26 3398
这几天一直在学习 Flutter ，使用 Flutter 做移动端开发真的是事半功倍。但是，这里面的坑不是一般的多，很多问题都需要在 Flutter GitHub 开源社区里面查找解决方案，甚至还会出现没有提到的问题。这时候就需要在开源社区内提问，运气好的话可能会有 dalao 回答你的问题，但也有可能很长时间都没人回应。 好了，闲话就话不多说了，回到主题。刚好最近想尝试开发一个 Flutter...
Flutter学习四：Flutter开发基础（六）调试Flutter应用
D_lunar的博客
06-30 2035
本文是对的学习和总结。
Flutter去除右上角的Debug
cainiao1412的博客
04-11 801
` debugShowCheckedModeBanner: false, `
Flutter开发之Debug调试（十）
沐雨07的专栏
06-20 7387
之前一直在VS Code 下的终端执行 flutter run -d 设备ID 来运行flutter app，但是这样是无法断点调试的。即使你打了断点，也不起作用。要想让断点调试起作用，需要在 Debug 模式下运行flutter app。 如图在VS Code 打开的工程页面： 选择左边的 “昆虫”加斜杠的按钮； 出现图中 2 和 3； 点击 2 的 Debug右边的开始按钮； ...
flutter写一个debugprint
06-01
在Flutter中，可以使用`debugPrint()`方法来输出调试信息，该方法支持自定义前缀、是否打印堆栈信息等参数。下面是一个例子： ```dart debugPrint('这是一条调试信息', wrapWidth: 1024, // 换行宽度 showCheckmark: true, // 是否显示✔标志 printTime: true, // 是否打印时间 error: '这是一条错误信息', // 打印错误信息 ); ``` 在控制台中，会输出类似如下的信息： ``` flutter: ══════════════════════════════════════════════════════════════════════════════════════════ flutter: 这是一条调试信息 flutter: ══════════════════════════════════════════════════════════════════════════════════════════ ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值