HarmonyOS鸿蒙Next中想封装一下下拉刷新上拉加载。语法没报错，但是运行报错了

问题点：

1. @BuilderParam itemBuilder 没有初始化 @BuilderParam 要用一个 @Builder 方法初始化。
2. ArkTS 本身推荐具体类型，不建议这种宽泛对象类型。你这个示例里实际就是字符串列表，object / Object[] 这种类型别用在这里，直接写成 string[] 和 string。
3. refresh: this.getDate 会丢失父组件的 this，子组件里再调用 this.refresh(false) 时，函数内部的 this 已经不是父页面了。这个即便编过去，后面也很容易出运行时问题。要改成箭头函数包一层。
4. 你的加载更多循环有逻辑 bug，这里会越 push 越长，条件也跟着变，可能导致死循环，因为 this.items.length 在循环过程中一直增长。应该先缓存起始长度。
5. 建议在请求结束后把 refreshing 和 isLoading 复位。

优化点：

1. @BuilderParam 给默认 @Builder
2. 用具体类型 string
3. 回调用箭头函数
4. 数据更新用整体重新赋值，不要原地 push。

示例代码：

@Component
export struct PullRefresh {
  @Prop items: string[] = []
  onRequest: (isRefresh: boolean) => Promise<void> = async (_isRefresh: boolean) => {}

  [@Builder](/user/Builder)
  defaultItemBuilder(_item: string, _index: number) {
  }

  [@BuilderParam](/user/BuilderParam) itemBuilder: (item: string, index: number) => void = this.defaultItemBuilder

  @State canLoad: boolean = false
  @State isLoading: boolean = false
  @State refreshing: boolean = false
  @State refreshOffset: number = 0
  @State refreshState: RefreshStatus = RefreshStatus.Inactive

  [@Builder](/user/Builder)
  refreshBuilder() {
    Stack({ alignContent: Alignment.Bottom }) {
      if (this.refreshState !== RefreshStatus.Inactive && this.refreshState !== RefreshStatus.Done) {
        Progress({ value: this.refreshOffset, total: 64, type: ProgressType.Ring })
          .width(32)
          .height(32)
          .style({ status: this.refreshing ? ProgressStatus.LOADING : ProgressStatus.PROGRESSING })
          .margin(10)
      }
    }
    .clip(true)
    .height('100%')
    .width('100%')
  }

  [@Builder](/user/Builder)
  footer() {
    Row() {
      LoadingProgress().height(32).width(48)
      Text('加载中')
    }
    .width('100%')
    .height(64)
    .justifyContent(FlexAlign.Center)
    .visibility(this.isLoading ? Visibility.Visible : Visibility.Hidden)
  }

  build() {
    Refresh({ refreshing: $$this.refreshing, builder: this.refreshBuilder() }) {
      List() {
        ForEach(this.items, (item: string, index: number) => {
          this.itemBuilder(item, index)
        }, (item: string, index: number) => item + '_' + index)

        ListItem() {
          this.footer()
        }
      }
      .onScrollIndex((start: number, end: number) => {
        if (this.canLoad && !this.isLoading && end >= this.items.length - 1) {
          this.canLoad = false
          this.isLoading = true

          this.onRequest(false).finally(() => {
            this.isLoading = false
          })
        }
      })
      .onScrollFrameBegin((offset: number, state: ScrollState) => {
        if (offset > 5 && !this.isLoading) {
          this.canLoad = true
        }
        return { offsetRemain: offset }
      })
      .scrollBar(BarState.Off)
      .edgeEffect(EdgeEffect.Spring, { alwaysEnabled: true })
    }
    .layoutWeight(1)
    .onOffsetChange((offset: number) => {
      this.refreshOffset = offset
    })
    .onStateChange((state: RefreshStatus) => {
      this.refreshState = state
    })
    .onRefreshing(() => {
      this.refreshing = true
      this.onRequest(true).finally(() => {
        this.refreshing = false
      })
    })
  }
}

页面调用：

import { hilog } from '@kit.PerformanceAnalysisKit'
import { PullRefresh } from './pull_refresh'

@Entry
@Component
struct Refresh_page {
  @State items: string[] = ['1', '2', '', '', '2', '', '', '2', '', '']

  build() {
    Column() {
      Text('电梯信息')
        .fontSize(16)
        .fontColor(0x1a1a1a)
        .height(40)
        .onAppear(() => {
          hilog.info(0x000, 'TAGGG', '组件显示', '')
        })

      PullRefresh({
        items: this.items,
        onRequest: async (refresh: boolean) => {
          await this.getData(refresh)
        },
        itemBuilder: (item: string, index: number) => {
          this.buildItem(item, index)
        }
      })
    }
    .width('100%')
    .height('100%')
    .backgroundColor(0xf5f5f5)
  }

  [@Builder](/user/Builder)
  buildItem(item: string, index: number) {
    ListItem() {
      Column() {
        Text() {
          Span(index + '.')
            .fontSize(14)
            .fontColor(0x1a1a1a)
            .fontWeight(FontWeight.Bold)
          Span('标题1111')
            .fontSize(14)
            .fontColor(0x1a1a1a)
        }

        Text('编号：28495')
          .fontSize(14)
          .fontColor(0x808080)
          .margin({ top: 10 })

        Text('单位：科技公司')
          .fontSize(14)
          .fontColor(0x808080)
          .margin({ top: 5 })

        Text('品牌：斯达克')
          .fontSize(14)
          .fontColor(0x808080)
          .margin({ top: 5 })
      }
      .width('calc(100% - 20vp)')
      .alignItems(HorizontalAlign.Start)
      .backgroundColor(Color.White)
      .borderRadius(8)
      .padding(10)
    }
    .width('100%')
    .padding(10)
  }

  async getData(refresh: boolean): Promise<void> {
    await new Promise<void>((resolve) => {
      setTimeout(() => {
        if (refresh) {
          let newItems: string[] = []
          for (let index = 0; index < 10; index++) {
            newItems.push('index === ' + index)
          }
          this.items = newItems
        } else {
          let start: number = this.items.length
          let newItems: string[] = [...this.items]
          for (let index = start; index < start + 10; index++) {
            newItems.push('index === ' + index)
          }
          this.items = newItems
        }
        resolve()
      }, 3000)
    })
  }
}

错误在于 ForEach 不能直接接受 @BuilderParam 作为第二个参数，编译器内部因此抛出空指针异常。修改方法：在 ForEach 的尾随闭包中调用 this.itemBuilder。

修正关键代码（PullRefresh 的 build 方法内）：

ForEach(this.items, (item: Object, index: number) => {
  this.itemBuilder(item, index)
})

完整调整后的 PullRefresh 核心部分如下（其余不变）：

build() {
  Refresh({ refreshing: $$this.refreshing, builder: this.refreshBuilder() }) {
    List() {
      ForEach(this.items, (item: Object, index: number) => {
        this.itemBuilder(item, index)
      })
      ListItem() {
        this.footer()
      }
    }
    // ... 其余保持不变
  }
}

原因说明：

ForEach 要求第二个参数是 (item: any, index: number) => void 类型的尾随闭包或 @Builder 函数引用，而 @BuilderParam 是一种特殊的动态插槽，无法直接作为 ForEach 的参数引用，需要显式包装调用。上述写法即通过匿名函数间接调用，可消除编译期的空引用错误。