移除 Flutter 右上角的 DEBUG 标识

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

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

方法一: 代码修改

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

MaterialApp(
 debugShowCheckedModeBanner: false
 ...
)

如图:

方法二: Android Studio 修改

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

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

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

第三步: 点击下拉选项的”Hide Debug Mode Banner”:

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