- 当前 Bug 的表现（可附上截图）
页面上有个canvas组件在页面底部，我用hidden隐藏了，然后我用的是荣耀8手机，底部有导航栏的（系统自带的那种，三个按钮，返回，home, 多任务），我点击隐藏导航栏，又展示导航栏，然后canvas组件又展示出来了，是灰色的一块。我找了另外一个人，用华为Mate10，也是有这个问题。
- 预期表现
无论我是否点击隐藏/展示系统自带导航栏，canvas应该根据用户的正确设置来展示或者隐藏
- 复现路径
- 提供一个最简复现 Demo
看代码
代码：
<view class="canvas-box"> <canvas hidden="{{canvasHidden}}" style="width: 686rpx;height: 686rpx;background:#f1f1f1;" canvas-id="mycanvas" /> </view>
data: {
|
补充图片：
一开始打开这个页面的时候，canvas属性hidden=true，页面是一片空白，最下方导航栏是显示的。
点击最左下角的隐藏导航栏按钮之后，下方的导航栏隐藏了，canvas的区域就变成灰色了，我并没有做其他会影响canvas的hidden属性的操作。（如果一开始导航栏是隐藏的，然后再把导航栏显示出来，效果也是这样）
麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）
机型：荣耀8
微信版本号：7.0.4
系统版本号：EMUI8.0.0 Android8.0.0
代码片段地址：https://developers.weixin.qq.com/s/uOwPYgmy799W
我估计只要下发带导航栏的手机都会出现这个问题，我有个同事的华为mate10也是这样
预期表现是？我这边看了，都是空白页面的
一开始是空白的，你要用带有下方可以隐藏导航栏的手机，如果隐藏或者展示导航栏的时候，canvas的部分就会有灰色的部分。期望肯定是无论是否操作隐藏或者展示导航栏都要不能展示canvas啊，因为我设置的hidden=true啊！！！
我在帖子里面补充了两张操作前和操作后的截图，有文字说明。