碰到一个需求是在屏幕上24小时整点平铺,有时间轴(带信息)平移并标记准确时间,屏幕里面有点击事件
描述:移动的时间轴定位在最上层,影响了下层按钮的点击
解决:
这个原因很简单就是点击事件的捕获冒泡相关的知识,那我们来说一下解决的办法
发现有个好用的属性,以前从来没用过—— pointerEvents
看看官网的介绍:用于控制当前视图是否可以作为触控事件的目标。
属性设置:
auto:视图可以作为触控事件的目标。
none:视图不能作为触控事件的目标。
box-none:视图自身不能作为触控事件的目标,但其子视图可以
<View pointerEvents="none">
...
</View>
这样就能完美的解决冲突了,直接不用管啥层级问题,冒泡捕获啥的都忽略。
以上记录踩坑~