React Native中的平滑动画scrollView

Question

我在项目的一部分中遇到了问题，我一直在尝试，但仍然没有取得好的结果。

为这个主题设计的纹身有几种不同的情况，每种都有某些缺陷。

但是问题

我希望列表上方带有条的列表以Y进行动画处理，以便：

1. 列表未到达页面顶部时，其滚动被禁用
2. 当列表到达页面顶部时，它开始滚动
3. 当用户向下滚动以下列表时：
   • 如果该列表位于第一位，则将绘制该列表
   • 否则，它会正常滚动。
4. 当用户向上滚动上面的列表时：
   • 如果列表没有上升到顶部，列表将被拉高并保持不变
   • 如果出现，它将开始滚动。

注意（重要）

• 动画必须平稳移动
• 无论如何都可以通过顶部栏在列表中上下移动

这是我写的Snack.Expo.Io代码。