HarmonyOS鸿蒙Next中这里我用组件嵌套，但嵌套后一刷新就报错，我拆开就没问题，刷新就正常使用

1. 报错的原因是状态变量的使用问题，因为@Builder已经作为一个@Builder传到另外一个组件使用了 它的回调什么的都不是在当前组件要去处理的

2. 报错的信息是：is not callable，你可以try一下

3. 我修改了一下代码，你可以使用回调来处理你的刷新情况，可以在我的思路上在改改

4. 修改后的代码:

@Component
struct HealthPage {
  @State isRefreshing: boolean = false;
  @State bannerList: string[] = [];

  onRefreshStatusChange() {
    if (this.isRefreshing) {
      this.loadData().then(() => {
        this.isRefreshing = false;
      });
    }
  }

  async loadData() {
    console.info('加载数据...');
    await new Promise<void>((resolve) => setTimeout(resolve, 1500));
    this.bannerList = [
      'https://picsum.photos/seed/1/300/160',
      'https://picsum.photos/seed/2/300/160',
      'https://picsum.photos/seed/3/300/160',
      'https://picsum.photos/seed/4/300/160',
      'https://picsum.photos/seed/5/300/160',
      'https://picsum.photos/seed/6/300/160',
      'https://picsum.photos/seed/7/300/160',
    ];
  }

  build() {
    TitleWithBody({
      title: $r('app.string.app_name'),
      content: this.contentBuilder, // 使用[@Builder](/user/Builder)方法,
      isRefreshing: this.isRefreshing,
      callBack: () => {
        AlertDialog.show({ message: JSON.stringify('callBack', null, 2) })
        this.onRefreshStatusChange
      }
    })
  }

  [@Builder](/user/Builder)
  contentBuilder(isRefreshing: boolean, callBack: Callback<void>) {
    Refresh({ refreshing: isRefreshing }) {
      Scroll() {
        Column({ space: 12 }) {
          Text('下拉刷新示例').fontSize(22).margin(10)
          ForEach(this.bannerList, (img: string) => {
            Image(img)
              .width(300)
              .height(160)
          })
        }
      }
      .friction(5)
    }
    .onRefreshing(() => {
      callBack()
    })
    .width('100%')
    .height('100%')
  }
}

@Component
export struct SimpleTitleBar {
  @Prop title: ResourceStr = "";

  constructor(title?: ResourceStr) {
    super(); // ✅ 必须在构造函数第一行
    if (title) {
      this.title = title;
    }
  }

  build() {
    Row() {
      // 直接在UI中处理资源类型
      Text(
        // 使用三元表达式作为UI描述的一部分
        typeof this.title === 'string'
          ? this.title
          : (this.title as Resource)
      )
      .fontSize(20)
      .fontWeight(FontWeight.Bold)
      .fontColor(Color.Black)
      .layoutWeight(1)
      .textAlign(TextAlign.Center)
    }
    .width('100%')
    .height(50)
    .backgroundColor('#f0f0f0')
    .padding(10)
  }
}

@Component
export struct TitleWithBody {
  // 使用更明确的类型定义
  @BuilderParam content: (a: boolean, callBack: Callback<void>) => void;
  @Prop title: ResourceStr = "";
  @Link isRefreshing: boolean

  constructor(params?: {
    title?: ResourceStr,
    content?: () => void
  }) {
    super(); // ✅ 必须在构造函数第一行
    this.title = params?.title ?? "";

    // 处理body参数
    if (params?.content) {
      this.content = params.content;
    } else {
      this.content = this.defaultContent;
    }
  }

  callBack: Callback<void> = () => {
  }

  // 默认内容 - 返回一个有效的UI元素
  [@Builder](/user/Builder)
  defaultContent() {
    Column() {
      // 空内容，但返回有效的UI结构
    }
  }

  build() {
    Column() {
      // 标题区域 - 直接使用SimpleTitleBar组件
      SimpleTitleBar({ title: this.title })

      // 内容区域 - 安全调用content构建器
      Column() {
        this.content(this.isRefreshing, this.callBack) // 调用传入的内容构建器
      }
      .layoutWeight(1)
      .width('100%')
    }
    .height('100%')
    .width('100%')
    .backgroundColor(Color.White)
  }
}