您当前的位置: 首页 >  flutter

Allen Su

暂无认证

  • 3浏览

    0关注

    431博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

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

Allen Su 发布时间:2020-07-18 00:10:08 ,浏览量:3

这是【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 博客中,希望自己学习的同时,也可以帮助更多的人。
关注
打赏
1656491068
查看更多评论
立即登录/注册

微信扫码登录

0.0383s