绝对位置下的可触摸无法在 IOS 上运行，但在 Android 上运行良好答案

【问题标题】：Touchables under absolute position not working on IOS but working fine on Android绝对位置下的可触摸无法在 IOS 上运行，但在 Android 上运行良好
【发布时间】：2020-04-23 04:50:36
【问题描述】：

我有包含一些可触摸的 ScrollView，在下面我有包含通知的单独组件。

<ScrollView style={styles.scroll}>
   //some touchables
</ScrollView>
<Notifications />

通知的高度为 50 像素，并且可以拖动，就像 android 或 ios 上的通知一样，当您将它们拉下时，它们会越过滚动视图，当您向上滑动它们时，滚动视图会再次出现。

问题是，当通知不在下方位置时，在 android（真实设备）上，我可以点击滚动视图中的可触摸内容，一切正常，但在 ios 模拟器上，您可以滑动通知但无法点击当通知处于向上位置时，滚动视图内的可触摸对象。

我尝试将滚动视图 zIndex 设置为 1，然后我可以点击可触摸但当我向下滑动通知时，它们会在滚动视图下方。

谁能给我一些解决方案？

scroll: {
    width: '100%',
    paddingHorizontal: '2%',
    marginTop: 50,
  },

通知容器如下所示：

panelContainer: {
    position: 'absolute',
    top: 0,
    bottom: 0,
    left: 0,
    right: 0,
  },

【问题讨论】：

标签： javascript reactjs react-native

【解决方案1】：

尽管我花了几个小时试图找到解决方案，但我想我是在发布此问题后才找到的。

解决方案是将pointerEvents="box-none" 添加到绝对定位的视图中。现在它可以在 Android 和 IOS 上正常运行。

【讨论】：