父级中子组件的溢出部分可见但不可单击

Question

我在这个组织的屏幕上看到了一个标题，该标题可以与粉红色卡折叠。 下面是一个基本的List，将标题onScroll折叠到顶部...

看起来像这样：

<Animated.View style={{...style}}>
      <Animated.View style={{ position: 'absolute', bottom: -HEIGHT_CARD / 2, left: 0, right: 0, opacity: buttonOpacity, justifyContent: "center", alignItems: "center", flexDirection: "row" }}>
          <DisplayContentInsideRedCard/>
      <Animated.View>
<Animated.View>         

您将了解，部分溢出的卡不可点击，但可见。 我尝试了多种技巧，例如zIndex，overflow内在风格，都没有用... 降低部分的可点击性在iOS上效果很好，这只是Android设备上的一个问题...

关于如何解决它的任何想法？