HarmonyOS 鸿蒙Next 自定义Span

export  struct AtUserView{
  @ObjectLink atUserInfo:RichSpan
  build() {
    ContainerSpan(){
      Span(this.atUserInfo.text)
        .fontSize(15)
        .fontColor($r(‘app.color.primary_color’))
        .margin({ right: 2 })
      if (this.atUserInfo.isMe){
        ImageSpan(this.atUserInfo.isRead ? $r(‘app.media.img_at_read’) : $r(‘app.media.img_at_unread’))
          .width(14)
          .height(14)
      }
    }.textBackgroundStyle({color:’#7F007DFF’,radius:2})

  }

}

Text() {
    ForEach(this.viewModel.richContentSpan, (item: RichSpan) => {
        if (item.type == RichSpanType.emoji) {
            ImageSpan($rawfile(item.text))
                .width(20)
                .height(20)
        } else if (item.type == RichSpanType.at) {
            AtUserView({ atUserInfo: item })
        } else if (item.type == RichSpanType.link) {
            Span(item.text)
                .fontColor($r(‘app.color.primary_color’))
                .fontSize(15)
        } else {
            Span(item.text)
                .fontColor($r(‘app.color.text’))
                .fontSize(15)

        }
    })
}

在lazyforeach里如果加载更多数据时。AtUserView会直接没有宽高