在鸿蒙开发中，如何实现一个自定义的分页器？

Question

在鸿蒙开发中，如何实现一个自定义的分页器？
本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

可以使用Pagination组件来实现自定义的分页器。

参见：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides...

@Entry
@Component
struct CustomPaginationAbility {
  @State private currentPage: number = 1;
  @State private totalPage: number = 10;

  build() {
    Column() {
      Pagination()
        .currentPage(this.currentPage)
        .totalPages(this.totalPage)
        .onPageChange((page) => {
          this.currentPage = page;
        });

      Text('Page ${this.currentPage} of ${this.totalPage}');
    }
  }
}

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。