对交互式内容进行本机滚动

Question

我看了这个演示文稿，并且有关于如何build an IOS Maps喜欢UI的部分。从底部拖动到顶部时，它会拖到顶部，然后在到达顶部后，它会继续向上滚动。此外，向下滚动时，当它到达ScrollView的顶部内容时，它会继续向下拖动。

建议可以使用ScrollView通过添加空透明单元格作为ScrollView上的第一个元素来完成。我已尝试实现相同的功能，可在此snack中找到。在我的情况下，我使用另一个ScrollView而不是地图。

但问题是第一个元素（透明元素）不允许与First ScrollView元素交互。我已尝试在第一个透明视图中使用pointerEvents，甚至在其父ScrollView中。但这没有用。有没有人试过用react-native实现这种用例？我发现的只有this library，但我认为它没有得到妥善维护。

Answer 1

您需要设置透明视图的z-index，以将其发送到交互式内容下方/下方，这是一个很好的资源：

https://philipwalton.com/articles/what-no-one-told-you-about-z-index/

编辑：实际上我无法完成它，似乎滚动视图中的所有内容始终都在其他元素的后面或前面，似乎您不能在滚动视图的后面其他的东西和其他东西前面的另一部分。