• 当前 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: { canvasHidden: true }

补充图片：

1. 一开始打开这个页面的时候，canvas属性hidden=true，页面是一片空白，最下方导航栏是显示的。

   
   
   

2. 点击最左下角的隐藏导航栏按钮之后，下方的导航栏隐藏了，canvas的区域就变成灰色了，我并没有做其他会影响canvas的hidden属性的操作。（如果一开始导航栏是隐藏的，然后再把导航栏显示出来，效果也是这样）