List 的下拉加载如何回滚到当前展示位置

list组件下拉加载头顶元素,希望加载完之后,还是定位在刷新前的元素上面。

HarmonyOS
2024-06-11 23:25:14
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
chmqn

onDataReloaded 会重新加载列表导致,可以给List添加scroller控制器,将列表跳回原先所在位置this.scroller.scrollToIndex(index值,false不添加动效,ScrollAlign.START)。

示例:

@Entry 
@Component 
struct RefreshDemo { 
  @State isRefreshing: boolean = false 
  @State arr: String[] = ['0', '1', '2', '3', '4','5','6','7','8','9','10'] 
  private listScroller: Scroller = new Scroller(); 
 
  build() { 
    Column() { 
      Refresh({ refreshing: $$this.isRefreshing}) { 
        List({scroller: this.listScroller}) { 
          ForEach(this.arr, (item: string) => { 
            ListItem() { 
              Text('' + item) 
                .width('100%').height(100).fontSize(16) 
                .textAlign(TextAlign.Center).borderRadius(10).backgroundColor(0xFFFFFF) 
            } 
          }, (item: string) => item) 
        } 
        .onScrollIndex((first: number) => { 
          console.info(first.toString()) 
        }) 
        .width('100%') 
        .height('100%') 
        .divider({strokeWidth:1,color:Color.Yellow,startMargin:10,endMargin:10}) 
        .scrollBar(BarState.Off) 
      } 
      .onRefreshing(() => { 
        setTimeout(() => { 
          this.isRefreshing = false 
        }, 2000) 
        this.arr.unshift('11') 
        this.arr.unshift('12') 
        this.listScroller.scrollToIndex(2) 
      }) 
      .backgroundColor(0x89CFF0) 
    } 
  } 
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
分享
微博
QQ
微信
回复
2024-06-12 23:42:09


相关问题
HarmonyOS 列表展示list加载问题
1136浏览 • 1回复 待解决
如何获取当前地理位置
104浏览 • 0回复 待解决
Scroll子组件展示位置如何调整
3064浏览 • 1回复 待解决
HarmonyOS List展示不全问题
847浏览 • 1回复 待解决
HarmonyOS中List如何加载item
656浏览 • 2回复 待解决
HarmonyOS list元素拖动换位置实现
461浏览 • 1回复 待解决
上拉加载下拉刷新组件
1014浏览 • 1回复 待解决
HarmonyOS list如何动态滚动到指定位置
693浏览 • 1回复 待解决
HarmonyOS 下拉刷新,上拉加载示例
540浏览 • 1回复 待解决
HarmonyOS 下拉刷新,上拉加载功能
470浏览 • 1回复 待解决