zoukankan      html  css  js  c++  java
  • React native 禁止手势触摸 pointerEvents

    碰到一个需求是做个轮播图带自动播放的,UED那边给轮播的底部加了阴影渐变,如下红色区域。

     这样会导致一个问题,手触摸在红色区域会被这层View挡住,导致不能手动滑动切换。

    原先采取过的方法是在对应的触摸事件 执行return false ,但是这个局限于轮播图得是红色区域的父组件。不然触摸无法冒泡上去。

    发现有个好用的属性,以前从来没用过。pointerEvents 

    看看官网的介绍:

      用于控制当前视图是否可以作为触控事件的目标。

    • auto:视图可以作为触控事件的目标。
    • none:视图不能作为触控事件的目标。
    • box-none:视图自身不能作为触控事件的目标,但其子视图可以

    <View pointerEvents = 'none'></View>

    这样就能完美的解决冲突了,直接不用管啥层级问题,冒泡捕获啥的都忽略。

  • 相关阅读:
    Spring dispatcherServlet
    Tomcat tomcat-users.xml详解
    Tomcat server.xml详解
    WAR包
    Tomcat 部署
    Tomcat 使用说明
    Java sun的JDK
    Spring 使用中的设计模式
    缓存插件 EHCache 对象缓存(Spring)
    缓存插件 EHCache 页面缓存CachingFilter
  • 原文地址:https://www.cnblogs.com/hjj2ldq/p/11759834.html
Copyright © 2011-2022 走看看