如何在React Native中创建自定义可折叠标头？

Question

下面是我要实现的演示屏幕。

因此，我想做的是，当我向上滑动绿色区域时，我希望黄色区域与之一起向上移动，同时也希望下方的蓝色框区域（在我的FlatList中情况）。

当黄色区域最终被隐藏时，我希望绿色区域停留在屏幕顶部，并且用户可以在下面的蓝色框区域中滚动。

如何使用PanResponder和Animated API？ 据我所知，可以使用插值来完成，但是在这种情况下我无法获得逻辑。请帮忙。