HarmonyOS 鸿蒙Next List中富文本卡顿

原因是因为RichText组件比较消耗内存资源，而且有一些重复使用RichText组件的场景下，比如在List下循环重复使用RichText时，会出现卡顿、滑动响应慢等现象。

推荐使用web组件加载html资源。

嵌套list时可能遇到的问题，可以参考Web组件嵌套滚动

这里提供一个list嵌套web的demo供参考：

import web_webview from '@ohos.web.webview'

@Entry
@Component
struct SxxActiveDetailPage {
  @State articleUrl: string[] = [];
  controller: web_webview.WebviewController = new web_webview.WebviewController();
  private scroller: Scroller = new Scroller();
  @State urls: string[] = ["<a href='https://www.xxx' target='_blank'>https://www.xxx</a>", "<a href='https://www.xxx' target='_blank'>https://www.xxx</a>"]

  build() {
    Column() {
      Column() {
        List({ scroller: this.scroller }) {
          ForEach(this.urls, (item: string) => {
            ListItem() {
              Web({ src: item, controller: this.controller, renderMode: RenderMode.SYNC_RENDER })
                .fileAccess(true)
                .domStorageAccess(true)
                .javaScriptAccess(true)
                .imageAccess(true)//是否允许自动加载图片资源，默认允许。
                .zoomAccess(true)
                .databaseAccess(false)//设置是否开启数据库存储API权限
                .verticalScrollBarAccess(false)
                .layoutMode(WebLayoutMode.FIT_CONTENT)
            }.width('100%')
          }, (item: string) => JSON.stringify(item))
        }
        .backgroundColor(Color.White)
        .alignListItem(ListItemAlign.Start)

      }
      .alignItems(HorizontalAlign.Center)
      .justifyContent(FlexAlign.Start)
      .width('100%')
      .height('100%')
    }
  }
}

以上是初步分析结论，如有疑问可以展开回复，看到后会继续协助定位阻碍点。

开源网站上收录了UI、系统接口、Web、创新特性等场景化鸿蒙示例DEMO，开发中可以参考：https://gitee.com/scenario-samples/demo-index