HarmonyOS 页面初始化时怎么跳到ListItemGroup下面的某个ListItem？

Question

Answer 1

在ArkTS中，如果想初始化时跳转到ListItemGroup下的某个ListItem，可以通过设置ListView的scrollToIndex属性来实现。以下是一个简单的例子：

import ArkUI from 'arkui';

@Entry
@Component
struct MyComponent {
  @State listItems: ListView.Item[] = [];

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      ListView({
        itemCount: this.listItems.length,
        scrollToIndex: 3, // 假设你想跳转到第四个ListItem，索引从0开始
        renderItem: (item: ListView.Item) => {
          ListItem({
            onSelected: () => {
              // 处理点击事件
            }
          }) {
            Text(item.title)
          }
        }
      })
        .height(200)
        .width('100%')
        .margin(20)
        .onListViewReady((listView) => {
          for (let i = 0; i < 10; i++) {
            this.listItems.push({ title: 'Item ' + (i + 1), index: i });
          }
        })
    }
  }
}

在这个例子中，ListView组件在初始化时会自动滚动到第四个ListItem，因为设置了scrollToIndex为3。请注意，需要在ListView准备好之后（在onListViewReady回调中）设置数据源，否则scrollToIndex可能不会按预期工作。