【Flutter 问题系列第 2 篇】如何去除 Flutter 右上角的 debug 标识

这是【Flutter 问题系列第 2 篇】，如果觉得有用的话，欢迎关注专栏。

我们在使用 Flutter 开发时，右上角会出现一个 debug 标识，如下图所示

这个标志的作用就是告诉开发者，当前应用程序处于检查模式。虽然打正式包的时候不会有这个标志，但我们想开发过程中也不显示这个标识，如何做呢？这里提供两种方式，都很简单。

方式一：代码修改

找到你的 MaterialApp ，更改其属性 debugShowCheckedModeBanner 为 false 即可

return MaterialApp(
  debugShowCheckedModeBanner: false,
);

默认情况下，该属性默认为 true，即默认显示 debug 标识。设置其值为 false 后，如下图所示

方式二：修改 Flutter Inspector

如果你用的是 IDEA 或者 Android Studio，点击界面右侧的 Flutter Inspector，然后选中 More Actions

在弹出的选项中，选择 Hide Debug Mode Banner，同样可以达到隐藏右上角 debug 标识的效果，不过当你再次热重启的时候会恢复默认。

这两种方式，你 get 到了吗 ？

你的问题得到解决了吗？欢迎在评论区留言。

赠人玫瑰，手有余香，如果觉得文章不错，希望可以给个一键三连，感谢。

---

结束语

Google 的 Flutter 越来越火，截止 2020年7月18日 GitHub 标星已达 56K，Flutter 毅然是一种趋势，所以作为前端开发者，没有理由不趁早去学习。

无论你是 Flutter 新手还是已经入门了，不妨先点个关注，后续我会将 Flutter 中的常用组件（含有源码分析、组件的用法及注意事项）以及可能遇到的问题写到 CSDN 博客中，希望自己学习的同时，也可以帮助更多的人。