在本机中设置userInteractionEnabled false

时间:2016-03-17 18:04:04

标签: react-native

有没有办法在RN中的Image组件上设置userInteractionEnabled false?

要求它,因为需要实现下面的设计。右侧有一个模糊覆盖图。我们希望它下面的文字仍然可以处理点击,所以需要设置模糊图像userInteractionEnabled false。

enter image description here

2 个答案:

答案 0 :(得分:2)

反应原生的userInteractionEnabled相当于视图的touchEvents道具。

您可以将其设置为" none"在你的图像上它不会再拦截触摸。 http://facebook.github.io/react-native/docs/view.html#pointerevents

答案 1 :(得分:2)

很容易。

<View accessible={false} pointerEvents='none'>