HarmonyOS 组件封装问题

尝试封装一个组件如下：

@Component
export struct NormalItemContainer {
  marginLeft: number = 10;
  marginRight: number = 10;
  marginTop: number = 10;
  marginBottom: number = 0;
  contentPadding: number = 10;
  radius: number = 10;
  bgColor: string = RColor.white;
  darkBackgroundColor: string = RColor.black333;
  @StorageLink(SettingMMKVKey.darkModel) isDark: boolean = false
  @BuilderParam content: (item: object, index: number) => void;

  build() {
    Column() {
      Column() {
        ForEach(
          this.dataList,
          (item: object, index: number) => {
            this.content(item, index);
          }
        )
      }
      .width("100%")
    }
    .backgroundColor(this.isDark ? this.darkBackgroundColor : this.bgColor)
    .borderRadius(this.radius)
    .margin({
      top: this.marginTop,
      right: this.marginRight,
      bottom: this.marginBottom,
      left: this.marginLeft
    })
  }
}

需要传入一个datalist但是对象不确定，是否可以使用泛型。

HarmonyOS

zbw_apple

2024-12-25 14:27:51

浏览

回答 1

待解决

回答 1

按赞同

按时间

fox280

自定义组件当前不支持泛型方式，建议方案是在自定义组件内使用联合类型方式，可以通过@Builder形式定义，用法参考以下案例：

let strArr: string[] = ["java", "python", "C++"]
let intArr: number[] = [1, 2, 3]

@Entry
@Component
struct Index {
  build() {
    Row() {
      Column() {
        this.printArray(strArr)
        Text('分割线')
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
          .fontColor(Color.Green)
        this.printArray(intArr)
      }
      .width('100%')
    }
    .height('100%')
  }

  @Builder
  printArray<T>(arr: T[]) {
    Column() {
      ForEach(arr, (item: T[]) => {
        Text(String(item))
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }, (item: string) => item)
    }
  }
}