分享一个自己写的大列表组件react-native-largelist



  • 相比官方的SectionList, 采用了重用机制,比官方的SectionList好用。

    如果有什么问题,请提issue,我会尽快解决, 如果对你有用,请给个star,谢谢

    https://github.com/bolan9999/react-native-largelist



  • 点击查看性能视频:
    优酷 或者 youtube



  • 版本 1.1.0

    • 添加上拉加载更多
    • 修复reloadData有时候出现问题
    • 修复scrollTo几个方法,如果动画为false,会出现bug的问题
    • 将 "visiableIndexPaths" 修改为 "visibleIndexPaths", "visiableIndexPaths" 将在2.0.0版本后完全不支持
    • "numberOfSections"的类型由number改变为function, number 将在2.0.0版本后完全不支持


  • 此回复已被删除!


  • 此回复已被删除!


  • 特点:

    • react-native-largelist 比官网的SectionList CPU/Memory占用更少,性能表现更好,在最坏的情况下(比如从第一行直接用代码滑动到第1000行),即使出现白板,也是瞬间消失。
    • 支持超大数据源,支持无限列表,支持超快速度滑动。
    • 跨平台,兼容iOS和Android。
    • 支持分组,支持每组头视图自动吸顶,新的Section挂在列表顶部时,支持回调。
    • 行组件进入或离开安全区域时可配置回调事件。
    • 支持单独的头部、尾部和空视图。
    • 支持左右滑动编辑Cell。
    • 支持下拉刷新和上拉加载更多。
    • 支持上拉加载视图自定义配置,上拉加载完成自定义视图配置。
    • 支持获取当前的动态属性,比如视图大小、当前偏移、当前Section、当前滑动视图总大小、头部或尾部组件高度、当前可视行等。
    • 支持滑动到指定位置或指定行。
    • 支持数据更新。
    • 支持自定义优化属性,可根据实际情况修改优化参数提升性能。
    • 如需要未提供的其他属性或回调事件可以通过提交issue提醒作者添加。

登录后回复