react-native ScrollView 实现上拉滑动全屏，下拉恢复原先大小

ScrollView 系列的都可以完成， 比如 FlatView 和 SectionList 都可以。

1 需求

大概就是一个 scroll 组件向上滑动的时候可以完全展示出来。完全展示之后下滑再恢复缩小时的高度。

1.1需求分析

• 缩小时不允许滚动，只有上滑动能唤醒动画，移至指定位置
• 完全展示出来后可以内部进行滑动，当滑动到顶部，再向上滑(手势是从上至下)时，缩小整个 list

1.2 技术分析

• list 采用 react-native 组件 ScrollView / FlatView / SectionList
• 动画: react-native 自带一套动画系统，性能尚可
• 手势: react-native 自带手势响应系统

1.3

前期知识准备不足的童靴，可以刷刷文档
手势响应系统
动画

2 Let’s do it!

2.1 列表页

    <ScrollView
        style={
            {
                position: