vantui
vantui copied to clipboard
PowerScrollView onScrollToLower 加载完数据之后会自动跳转到顶部
这个 Issue 涉及以下平台:
- [x] 微信小程序
- [ ] 支付宝小程序
- [ ] 百度小程序
- [ ] 头条小程序
- [ ] 快手小程序
- [ ] QQ 轻应用
- [ ] Web 平台(H5)
BUG 描述 PowerScrollView onScrollToLower 加载完数据之后会自动跳转到顶部 复现步骤
期望结果 加载完数据之后停留在原地 实际结果
截图
环境 vantUI 2.5.0 附加信息
代码:
const handleRefresh = usePersistFn(async (): Promise<void> => {
const data = await getScheduleList(15)
setFetchDataStatus({
hasMore: data.has_more,
nextKey: data.next_key,
})
setAllList(data.items || [])
})
const handleLoadMore = usePersistFn(async (_): Promise<void> => {
if (!fetchDataStatus.hasMore || !fetchDataStatus.nextKey) return
const data = await getScheduleList(15, fetchDataStatus.nextKey)
setFetchDataStatus({
hasMore: data.has_more,
nextKey: data.next_key,
})
setAllList(_allList.slice())
})
<PowerScrollView
finishedText='没有更多了'
successText='刷新成功'
onScrollToUpper={handleRefresh}
onScrollToLower={handleLoadMore}
finished={!fetchDataStatus.hasMore}
>
{showList.map(item => {
if ('name' in item) {
return GroupTitle[item.name]
}
return (
<CalendarItem
key={item.id}
cardId={item.id}
></CalendarItem>
)
})}
{archiveStatus.visible && (
<>
<View key='归档' className={styles.groupTitle}>
归档
</View>
<View className={styles.archiveCard}>
<Text>已归档 {archiveStatus.count} 个</Text>
<Icon name={IconRightArrow} size={24} />
</View>
</>
)}
{allList.length > 10 && !showEmptyListView && (
<View className={styles.customerService}>
<Image
width='170px'
height='280px'
fit='contain'
showMenuByLongpress
src='https://azurestaticresource.jianguoyun.net.cn/normal/230315/cs_wechat_qr.png'
/>
</View>
)}
</PowerScrollView>
建议使用版本3.5.7, taro的3.6x版本scrollView存在问题