HarmonyOS NavDestination(){}里使用Scroll组件,执行钩子onShown(){ scrollTo({xOffset: 0, yOffset: 200}) }滚动到特定位置不生效

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

可以使用onAppear,参考示例如下:

@Entry
@Component
struct ScrollExample {
  scroller: Scroller = new Scroller()
  private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

  build() {
    Stack({ alignContent: Alignment.TopStart }) {
      Scroll(this.scroller) {
        Column() {
          ForEach(this.arr, (item: number) => {
            Text(item.toString())
              .width('90%')
              .height(150)
              .backgroundColor(0xFFFFFF)
              .borderRadius(15)
              .fontSize(16)
              .textAlign(TextAlign.Center)
              .margin({ top: 10 })
          }, (item: string) => item)
        }.width('100%')
      }
      .scrollable(ScrollDirection.Vertical) // 滚动方向纵向
      .scrollBar(BarState.On) // 滚动条常驻显示
      .scrollBarColor(Color.Gray) // 滚动条颜色
      .scrollBarWidth(10) // 滚动条宽度
      .friction(0.6)
      .edgeEffect(EdgeEffect.None)
      .onAppear(() => {
        this.scroller.scrollBy(0, 300)
      })
    }.width('100%').height('100%').backgroundColor(0xDCDCDC)
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS List列表滚动到定位置
39浏览 • 1回复 待解决
color使用color: 'rgba(0, 0, 255, .5)'生效
2301浏览 • 1回复 待解决
在嵌套组件Scroll生效
2187浏览 • 1回复 待解决
HarmonyOS Stack align生效
89浏览 • 1回复 待解决
HarmonyOS Scroll组件滚动控制
94浏览 • 1回复 待解决
HarmonyOS使用Web组件如何监听滚动位置
624浏览 • 2回复 待解决
HarmonyOS Scroll组件滚动问题
629浏览 • 1回复 待解决