[图片]如图示。

正常显示效果（测试了几个安卓机和iPhone6s）： [图片] iPhone7上显示效果： [图片]

自定义tabbar后，相关tab页的onshow方法里处理tabbar的逻辑包括设置当前selected，然后就会闪白屏。 官方给的文档示例也会闪，因为没太多逻辑，页面也没加载别的东西所以闪动很快就好了，但是确实能够看到有闪动。 请问，这个问题什么时候给优化解决啊，体验真的很不友好。

- 当前 Bug 的表现（可附上截图） [图片] 在开发者工具里不是每次都复现，但是频率也不低。用的输入法是QQ拼音输入法。 代码片段不用提供了吧，就是一个输入框，双向绑定数据。

由于需要对用户进行消息推送，所以需要获取formId。 现在登录按钮上绑定着submit（form标签上bindsubmit）和getuserinfo（button上的bindgetuserinfo）的两个方法，一个提交一个授权，点击登录按钮两个方法都被触发，能否控制授权完毕才进行提交呢？ 在getuserinfo方法里面调用submit无法获取formId及value，反之同理，怎么解决求教。

- 当前 Bug 的表现（可附上截图） 此机型为OPPOR7 [图片] - 预期表现     开发工具中和其他机型： [图片] - 复现路径 - 提供一个最简复现 Demo js: // pages/supervise/superviseAgreement/superviseAgreement.js let ctx = null; let isButtonDown = false; const arrx = []; const arry = []; const arrz = []; let canvasw = 0; let canvash = 0; Page({ /**   * 页面的初始数据   */ data: { src: '', }, /**   * 生命周期函数--监听页面加载   */ onLoad: function (options) { // 使用wx.createContext获取绘图上下文context ctx = wx.createCanvasContext('canvas'); ctx.beginPath(); ctx.setStrokeStyle('#000000'); ctx.setLineWidth(4); ctx.setLineCap('round'); ctx.setLineJoin('round'); ctx.draw(); }, canvasStart(e){ console.log(e) isButtonDown = true; arrz.push(0); arrx.push(e.changedTouches[0].clientX - e.currentTarget.offsetLeft); arry.push(e.changedTouches[0].clientY - e.currentTarget.offsetTop); }, canvasMove(e){ console.log(e) if(isButtonDown){ arrz.push(1); arrx.push(e.changedTouches[0].clientX - e.currentTarget.offsetLeft); arry.push(e.changedTouches[0].clientY - e.currentTarget.offsetTop); } for(let i = 0; i < arrx.length; i++){ if(arrz[i] === 0){ ctx.moveTo(arrx[i], arry[i]) }else{ ctx.lineTo(arrx[i],arry[i]); } } // ctx.clearRect(0, 0, canvasw, canvash); ctx.setStrokeStyle('#000000'); ctx.setLineWidth(4); ctx.setLineCap('round'); ctx.setLineJoin('round'); ctx.stroke(); ctx.draw(false); }, canvasEnd(e){ console.log(e) isButtonDown = false; }, canvasError(e){ console.log(e.detail.errMsg); }, canvasSave(){ wx.canvasToTempFilePath({ canvasId: 'canvas', fileType: 'jpg', quality: 1, x: 0, y: 0, width: 300, height: 200, destWidth: 300, destHeight: 200, success: res => { console.log(res); this.setData({ src: res.tempFilePath }); } }); }, canvasClear(){ arrx.length = 0; arry.length = 0; arrz.length = 0; ctx.draw(false); }, /**   * 生命周期函数--监听页面初次渲染完成   */ onReady: function () { }, /**   * 生命周期函数--监听页面显示   */ onShow: function () { }, /**   * 生命周期函数--监听页面隐藏   */ onHide: function () { }, /**   * 生命周期函数--监听页面卸载   */ onUnload: function () { }, /**   * 页面相关事件处理函数--监听用户下拉动作   */ onPullDownRefresh: function () { }, /**   * 页面上拉触底事件的处理函数   */ onReachBottom: function () { }, /**   * 用户点击右上角分享   */ onShareAppMessage: function () { } }) wxml: <view class='superviseAgreementContainer'> <view class='header'> <canvas disable-scroll canvas-id='canvas' class='canvas' bind:touchstart='canvasStart' bind:touchmove='canvasMove' bind:touchend='canvasEnd' bind:touchcancel='canvasEnd' bind:error='canvasError' > </canvas> </view> <view class='body'> <button bind:tap='canvasSave'>生成图片显示</button> <button bind:tap='canvasClear'>清除</button> </view> <view class='footer'> <image src='{{src}}'></image> </view> </view> wxss: .superviseAgreementContainer{ height: 100%; background-color: #ffffff; display: flex; flex-direction: column; align-items: center; } .canvas { width: 100%; height: 100%; background-color: #ddd; margin: 0 auto; } .header{ width: 600rpx; height: 400rpx; } .body{ display: flex; justify-content: start; } .footer image{ border: 1rpx dashed #ddd; width: 600rpx; height: 400rpx; }