直播列表（HarmonyOS）


import { LiveInfo, LiveListStore } from '@tencentcloud/atomicxcore'
import { LiveListView } from 'tuilivekit'

@Entry
@Component
struct AudienceLiveListPage {
  liveID: string = ''
  @State private liveList: LiveInfo[] = []
  private readonly liveListStore: LiveListStore = LiveListStore.shared()
  private readonly pageSize: number = 6
  private isLoading: boolean = false

  aboutToAppear(): void {
    // 1. 拉取首屏直播间列表（cursor 为空表示从头开始）
    this.fetch('')
  }

  private fetch(cursor: string): void {
    if (this.isLoading) {
      return
    }
    this.isLoading = true
    this.liveListStore.fetchLiveList(cursor, this.pageSize).then(() => {
      this.isLoading = false
      // 2. 从 LiveListStore 读取最新列表，更新 @State 驱动组件刷新
      this.liveList = this.liveListStore.liveState.liveList.getAllData()
    }).catch((error: Error) => {
      this.isLoading = false
      console.error(`fetchLiveList failed: ${error.message}`)
    })
  }

  private loadMore(): void {
    const cursor = this.liveListStore.liveState.liveListCursor
    if (cursor.length === 0) {
      return
    }
    this.fetch(cursor)
  }

  build() {
    LiveListView({ liveID: this.liveID, liveList: this.liveList, onLoadMore: () => this.loadMore() })
  }
}

@Provide('navigationStack') private navigationStack: NavPathStack = new NavPathStack()

Navigation(this.navigationStack) {
  WaterfallViewController({
    onPlay: (liveID: string) => this.navigationStack.pushPath({ name: 'player', param: liveID }),
  })
}
.mode(NavigationMode.Stack)
.navDestination(this.navigationDestination)