react native 如何实现滑动吸附效果？

Question

类似一个这样的布局：

区域1.往上滑，可以隐藏

区域2.往上滑，始终可见，最后固定到顶部

区域3.FlatList组件

这类似手机QQ->联系人的布局:

• 搜索区域 相当于区域1
• 好友，分组，群聊，设备 TAB 相当于 区域2
• 好友列表相当于区域3

请问有没有现成的组件或者思路呢？

Answer 1

目前尝试 SectionList 组件，
它可以做到上面的布局，
但是区域三必须固定高度， flex: 1 无效
所以没法和 FlatList 之类的组件配合
所以没法和比较复杂的组件组合， 比如 区域3是 轮播 + FlatList
如果是有规则的列表， 是可以的

Answer 2

https://www.reactnative.cn/do...

Answer 3

自行谷歌 react-sticky。

GitHub 上也一搜一大把：

• https://github.com/captivatio...
• https://github.com/yahoo/reac...