类似一个这样的布局:
区域1 .往上滑,可以隐藏 |
区域2 .往上滑,始终可见,最后固定到顶部 |
区域3 .FlatList组件 |
这类似手机QQ->联系人的布局:
-
搜索区域
相当于区域1
-
好友,分组,群聊,设备 TAB
相当于区域2
-
好友列表
相当于区域3
请问有没有现成的组件或者思路呢?
区域1 .往上滑,可以隐藏 |
区域2 .往上滑,始终可见,最后固定到顶部 |
区域3 .FlatList组件 |
搜索区域
相当于区域1
好友,分组,群聊,设备 TAB
相当于 区域2
好友列表
相当于区域3
请问有没有现成的组件或者思路呢?
自行谷歌 react-sticky
。
GitHub 上也一搜一大把:
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
目前尝试
SectionList
组件,它可以做到上面的布局,
但是区域三必须固定高度,
flex: 1
无效所以没法和FlatList
之类的组件配合所以没法和比较复杂的组件组合, 比如 区域3是 轮播 + FlatList
如果是有规则的列表, 是可以的