React Native:透明视图后面的按钮

时间:2018-10-12 08:31:45

标签: react-native button transparency user-experience

出于布局目的,我在React Native应用程序的视图顶部渲染了多个图像。这些图像位于屏幕的顶部,左侧和右侧边界。它们包含在具有透明背景的View组件中。

这意味着屏幕上的所有内容都将位于该View组件的后面。我的问题是我现在无法触摸任何实际内容,因为透明View

涵盖了该内容

问题:如何在React-Native中触摸透明View后面的组件?

我不能成为第一个处理此问题的人,但在线上似乎文献记载不多

1 个答案:

答案 0 :(得分:1)

一个简单的解决方案是将透明的pointerEvents的{​​{1}}设置为none

View

MDN中的定义:

  

除了表示该元素不是鼠标事件的目标之外,该值none指示鼠标事件“通过”该元素并以该元素“之下”的对象为目标。

其他资源: