在使用Flutter进行开发时, 右上角会出现一个DEBUG的标识. 测试的时候倒是无所谓, 但是APP上线前肯定要将其去掉. 证明其是一个开发完成的、完整的APP. 这篇非常简短的博客将会记录如何去掉Flutter右上角的DEBUG标识. 一共有两种方式, 你可以按需来选择!
自动移除
别担心, 你在为Flutter打正式包的时候, 这个标志将会自动消失. 但有的时候我们想在开发过程中直接去掉, 那么你会需要下面的手动移除.
方法一: 代码修改
找到你的MaterialApp(建议直接使用关键字进行全局搜索), 为其添加一个属性即可去掉:
MaterialApp(
debugShowCheckedModeBanner: false
...
)
如图:
方法二: Android Studio修改
如果你用的是Android Studio, 那么你可以不修改代码, 通过鼠标来移除:
第一步: 点击界面右侧侧边栏的Flutter Inspector, 如图:
第二步: 点击弹出界面的"More Actions"的下拉选(这个按钮字比较小, 比较隐蔽):
第三步: 点击下拉选项的"Hide Debug Mode Banner":
搞定!
结语
两种方式都可以进行修改, 唯一的区别就是方法一影响代码, 方法二不会变动代码. 你可以按实际情况选择你需要的方式!
如果你对本篇文章有任何问题, 欢迎在下方评论区, 进行讨论, 或加入阿航的技术小站交流群
欢迎访问阿航的技术小站官网, 获取更多技术干货!