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

全站最菜
  • 570

类似一个这样的布局:

区域1.往上滑,可以隐藏
区域2.往上滑,始终可见,最后固定到顶部
区域3.FlatList组件

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

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

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

回复
阅读 1.9k
3 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏