起因是公司需要做的小程序,需要一个自定义的导航栏,类似于这样:解决cover-view在安卓机上盖不住原生组件的问题

解决cover-view在安卓机上盖不住原生组件的问题由于使用的原生的组件canvas,在真机测试的时候,出现了菜单无法遮盖canvas的情况。如下图:
解决cover-view在安卓机上盖不住原生组件的问题查询资料了解到 ,是因为原生组件层级的原因。
通过使用cover-view解决了以上问题。
但是安卓机真机测试时发现,即使使用了cover-view依然无法覆盖。
查阅资料发现,原因在于系统页面渲染的差异,在安卓中页面dom的渲染并不是完成按照上下顺序来的,
有可能出现写在后面的dom被先渲染出来,因此会随机出现能盖住、不能盖住的情况。
解决方案:添加定时器,确保cover-view是后被渲染出来的。
解决cover-view在安卓机上盖不住原生组件的问题
解决cover-view在安卓机上盖不住原生组件的问题这种方案确实可以解决问题,但是添加了定时器之后,菜单栏会延后显示,显示之前出现了短暂空白,体验感不太好。
解决cover-view在安卓机上盖不住原生组件的问题优化:利用组件的生命周期,mounted
解决cover-view在安卓机上盖不住原生组件的问题实测相比于添加定时器,性能有所提升。

相关文章:

  • 2019-02-17
  • 2021-07-03
  • 2021-11-19
  • 2022-12-23
  • 2021-11-26
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-10-10
  • 2022-12-23
  • 2021-10-22
  • 2022-12-23
  • 2022-01-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案