vantui icon indicating copy to clipboard operation
vantui copied to clipboard

PowerScrollView onScrollToLower 加载完数据之后会自动跳转到顶部

Open liu-jin-yi opened this issue 1 year ago • 2 comments

这个 Issue 涉及以下平台:

  • [x] 微信小程序
  • [ ] 支付宝小程序
  • [ ] 百度小程序
  • [ ] 头条小程序
  • [ ] 快手小程序
  • [ ] QQ 轻应用
  • [ ] Web 平台(H5)

BUG 描述 PowerScrollView onScrollToLower 加载完数据之后会自动跳转到顶部 复现步骤

期望结果 加载完数据之后停留在原地 实际结果

截图

环境 vantUI 2.5.0 附加信息

liu-jin-yi avatar Apr 24 '23 07:04 liu-jin-yi

代码:

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>

liu-jin-yi avatar Apr 24 '23 07:04 liu-jin-yi

建议使用版本3.5.7, taro的3.6x版本scrollView存在问题

zuolung avatar Apr 26 '23 02:04 zuolung