AutoScrollFlatList
最低版本: 2.0.0最后更新: 2020/10/26组件功能
可以自动滚动的列表组件,用法和RN原生的 FlatList 没有区别, 只不过新增了控制开始滚动和停止滚动的api。
支持平台:
平台 | 是否支持 |
豹小秘 | 是 |
豹大/花瓶 | 是 |
豹小秘 Mini | 是 |
参数
属性 | JS类型 | 默认值 | 必填 | 说明 | 最低版本 |
onScrollReachEnd | ?: (direction: ScrollDirection) => void | undefined | 否 | 滚动到顶部或底部后的回调,direction 滚动方向:向上或向下 | 2.0.0 |
stopByDrag | boolean | true | 否 | 触控操作是否会中断自动滚动的行为 | 2.0.0 |
scrollInterval | number | 25ms | 否 | 滚动的更新间隔 | 2.0.0 |
scrollStep | number | 1dp | 否 | 每个时间间隔内,滚动的距离 | 2.0.0 |
方法:
方法名 | 参数 | JS类型 | 必填 | 参数说明 | 返回值 | 方法说明 | 最低版本 |
scrollToEnd | params | ?: { animated?: boolean } | 否 | 是否要执行动画 | void | 滚动到最后 | 2.0.0 |
scrollToIndex | params | { animated?: boolean; index: number; viewOffset?: number; viewPosition?: number; } | 是 | { animated?: 是否执行动画; index: 指定索引; viewOffset?: 最终目标位置偏移距离,单位 dp; viewPosition?: 最终目标位置; } | void | 滚动到指定位置 | 2.0.0 |
scrollToOffset | params | { animated?: boolean; offset: number; } | 是 | { animated?: 是否执行动画; offset: 偏移距离,单位 dp; } | void | 滚动到列表中的特定内容像素偏移位置 | |
startScroll | direction | ScrollDirection | 是 | 滚动方向 | void | 开始向上或者向下滚动 | 2.0.0 |
stopScroll | 无 | 无 | 无 | 无 | 无 | 停止滚动 | 2.0.0 |