HarmonyOS listview怎么进入就是从最底显示的,加入新的也是在最下边显示

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

参考示例如下:

import { common } from '@kit.AbilityKit';

@Entry
@Component
struct ListExample {
  @State arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
  private scrollerForList: Scroller = new Scroller()
  private context = getContext(this) as common.UIAbilityContext;

  showView(): void {
    this.context.eventHub.on('myEvent', (): void => this.eventFunc());
  }

  eventFunc() {
    let len = this.arr.length
    this.arr.push(len)
    this.scrollerForList.scrollToIndex(len, true)
  }

  build() {
    Column() {
      Stack() {
        List({ space: 20, initialIndex: this.arr.length - 1, scroller: this.scrollerForList }) {
          ForEach(this.arr, (item: number) => {
            ListItem() {
              Text('' + item)
                .width('100%')
                .height(100)
                .fontSize(16)
                .textAlign(TextAlign.Center)
                .borderRadius(10)
                .backgroundColor(0xFFFFFF)
            }
          }, (item: string) => item)
        }
        .listDirection(Axis.Vertical) // 排列方向
        .scrollBar(BarState.Off)
        .friction(0.6)
        .divider({
          strokeWidth: 2,
          color: 0xFFFFFF,
          startMargin: 20,
          endMargin: 20
        }) // 每行之间的分界线
        .edgeEffect(EdgeEffect.Spring) // 边缘效果设置为Spring
        .width('90%')
        Button('新加一个').onClick(() => {
          this.context.eventHub.emit('myEvent');
        })
      }
    }.onAppear(() => {
      this.showView()
    })
    .width('100%')
    .height('100%')
    .backgroundColor(0xDCDCDC)
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
如何把导航默认底下显示
401572浏览 • 1回复 待解决
k8s 加入 node 后 pod 调度问题
2097浏览 • 1回复 待解决
HarmonyOS 怎么高亮显示搜索文字
46浏览 • 1回复 待解决
怎么判断webview滚动到最下方?
459浏览 • 2回复 待解决
Text怎么显示带html标签文本
4392浏览 • 1回复 待解决
HarmonyOS Tab控件bar怎么居左显示
42浏览 • 1回复 待解决
怎么给组件设置下边框?
6924浏览 • 1回复 待解决
Fluttertoast无法HarmonyOS显示
36浏览 • 1回复 待解决