使用ScrollView是否可以实现所需的设计解决方案？

Question

我正在尝试实现我试图在下图中以图形方式呈现的设计解决方案：

Layout design-（我还不能嵌入照片）

设计说明：

[A]-包含项目的垂直列表（即ScrollView，FlatList）的屏幕视图

[B]-可折叠的页眉，其中包含水平的项目列表（即主要思想可以在此处查看：React Native Touch & Gesture - Krzysztof Magiera或How I linked animated headers to scroll position in React Native）

[C]-水平滚动列表[B]中的列表项，向下拖动时应将[D]移至屏幕并停留在底部。

[D]-隐藏的屏幕，当向下拖动[C]时，该屏幕应该会消失。

我做了什么

包含可折叠标头的ScrollView很容易实现，因为在线上有很多示例。

我可以使用PanResponder实现的可以向下滚动（[C]）的水平滚动视图项目，它可以正常工作。 （经过一些调整后会更好：））。有一个类似的组件可以从下往上拖动：react-native-draggable-view

我正在尝试解决的问题

1. 如果将这两个元素结合在一起，我将无法再向下拖动[C]，因为垂直滚动视图[A]可处理所有手势。
2. 我可能可以使用PanResponder来实现所有功能，但是在这里丢失ScrollView并不是理想的选择。
3. 我当时正在考虑将[D]和[B]放在一个ScrollView中，并将offset设置为列表中的第二个元素，但这只能通过渲染上的回调和闪烁来实现。

最后

过了几天，我一直在思考这个问题，并认为也许有人在他们的项目中有类似的事情要做，或者更清楚地知道如何实现这一目标。

我们非常感谢您的帮助：）