移除Flutter右上角的DEBUG标识

Posted bugcatt

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移除Flutter右上角的DEBUG标识相关的知识,希望对你有一定的参考价值。

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

自动移除

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

方法一: 代码修改

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

MaterialApp(
 debugShowCheckedModeBanner: false
 ...
)

如图:
技术图片

方法二: android Studio修改

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

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

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

第三步: 点击下拉选项的"Hide Debug Mode Banner":
技术图片

搞定!

结语

两种方式都可以进行修改, 唯一的区别就是方法一影响代码, 方法二不会变动代码. 你可以按实际情况选择你需要的方式!

原文链接

如果你对本篇文章有任何问题, 欢迎在下方评论区, 进行讨论, 或加入阿航的技术小站交流群

欢迎访问阿航的技术小站官网, 获取更多技术干货!





以上是关于移除Flutter右上角的DEBUG标识的主要内容,如果未能解决你的问题,请参考以下文章

Dart Flutter中的代码规范

Flutter的运行环境标识

如何在 Flutter 中移除 AppBar for Android 上方的阴影?

Flutter 移除所有路由

WordPress 移除后台管理界面右上角的帮助

Flutter Dismissible 未从树中移除