在交互式内容上反应原生滚动

Question

我观看了这个演示文稿，其中有一节是关于如何build an IOS Maps 喜欢 UI。从下往上拖动时，一直往上拖动，到了顶部后，继续向上滚动。另外，当向下滚动时，当它到达 ScrollView 的顶部内容时，它会继续向下拖动。

建议可以通过在ScrollView上添加一个空的透明单元格作为第一个元素来使用ScrollView来完成。我已经尝试实现相同的，可以在这个snack 中找到。就我而言，我使用的是另一个 ScrollView，而不是 Maps。

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

Answer 1

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

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

编辑：实际上我做不到，看起来滚动视图中的所有内容总是在其他元素的后面或前面，看起来你不能让滚动视图的一部分在后面别的东西和别的东西前面的另一部分。