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