HarmonyOS 鸿蒙Next 如何在list组件搜索文本，其item为text控件，text控件长度可能会超出一屏幕

HarmonyOS 鸿蒙Next 如何在list组件搜索文本，其item为text控件，text控件长度可能会超出一屏幕

这是构建item的逻辑，目前需要实现搜索功能，即输入一个关键字，然后在列表里面去找，找到后调用scroller滑动定位过去。 目前滑动到指定的条目是可以实现的，但是由于文本高度会超出一屏幕，简单的滑动到目标item不一定能精准定位到搜索的关键字，还需要进一步获取这个关键字在item中的位置，比如像获取这个关键字在text中的位置。目前没有找到合适的API，text有管理类textController，内部有layoutManager字段，能获取关键字在text中的位置方法是getLineMetrics(lineNumber: number): LineMetrics;这个方法需要传入行号，但没有其他api能获取到行号。但这可能不是最优解，能实现文本列表搜索文本精准定位文本的方案就可以。

下面是构建列表item的方法，文本部分由Span组成:

@Builder
function builderSpeakerItem() {
  ForEach(this.getList(),
    (astTranslateSectionBean: AstTranslateSectionBean, sectionIndex: number) => {
      ListItem() {
        Column() {
          Row() {
            Row() {
              Stack() {
                Circle({ width: 14, height: 14 })
                  .fill(AstUtil.getColorByRl(astTranslateSectionBean.rl))
                Text(astTranslateSectionBean.rlName.substring(0, 1))
                  .fontColor(AstUtil.getColorByRl(astTranslateSectionBean.rl))
                  .fontSize(14)
              }

              Text(astTranslateSectionBean.rlName).fontSize(14).fontColor('#ff5aa6ff')
                .margin({ left: 5 })
            }.margin({ left: 18 })

            Row() {
              Image($r('app.media.ast_section_time'))
                .width(13).height(13).objectFit(ImageFit.Auto)

              Text(astTranslateSectionBean.startTime)
                .fontSize(12)
                .fontColor('#969baf')
                .margin({ left: 5 })
            }.margin({ right: 20 })
          }.width('100%')
          .margin({ top: 7 })
          .justifyContent(FlexAlign.SpaceBetween)


          Text(undefined, { controller: this.textControllerList[sectionIndex] }) {

            ForEach(astTranslateSectionBean.statementList?.convertToArray(),
              (value: StatementPlayInfo, statementIndex: number) => {
                if (this.curStatementIndex == statementIndex && this.curSectionIndex == sectionIndex) {
                  //高亮
                  Span(value.content).fontColor(this.highLightColor)
                } else {
                  Span(value.content)
                    .onClick(() => {
                      this.curSectionIndex = sectionIndex
                      this.curStatementIndex = statementIndex
                      // this.curStatementPlayInfo = value
                      this.currentPlayPosition = value.start
                      this.viewModel?.startPlay(this.currentPlayPosition)
                    })
                }
              })
          }
          .constraintSize({ maxWidth: '100%' })
          .width("100%")
          .padding({
            left: 6,
            right: 6,
            top: 6,
            bottom: 6
          })
          .margin({
            top: 3,
            left: 20,
            right: 20,
            bottom: 10
          })
          .fontColor(this.normalColor)
          .fontSize(this.textSize)
          .border({
            radius: {
              topLeft: 0,
              topRight: 10,
              bottomLeft: 10,
              bottomRight: 10
            }
          })
          .backgroundColor('#f5f6f9')

        }.width("100%")
        .height('auto')
        .alignItems(HorizontalAlign.Start)
      }
    })
}