HarmonyOS 鸿蒙Next List列表组件局部刷新问题

import { AppUtil, FileUtil } from ‘@pura/harmony-utils’;

import { CommonConstants } from ‘@qmp/core/src/main/ets/common/CommonConstants’;

import { RouteConstants } from ‘…/…/constants/RouteConstants’;

import CommonUtils from ‘…/…/utils/CommonUtils’;

import { SETTING_ITEM_ID, SettingItem, SettingListArray } from ‘…/…/viewmodel/setting/SettingViewModel’;

import { promptAction } from ‘@kit.ArkUI’;

@Component

export struct SettingList {

  @State settingList: SettingItem[] = SettingListArray;

  async aboutToAppear(): Promise<void> {

    this.getCacheSize();

    let aboutAppItem = this.settingList.find(item => item.id == SETTING_ITEM_ID.ITEM_ABOUT_APP)!!

    aboutAppItem.subTitle = ‘v’ + await AppUtil.getVersionName()

  }

  private getCacheSize() {

    let clearCacheItem = this.settingList.find(item => item.id == SETTING_ITEM_ID.ITEM_CLEAR_CACHE)!!;

    // 缓存大小计算，file+cache的

    clearCacheItem.subTitle = FileUtil.getFormatFileSize(

      FileUtil.getFileDirSize(FileUtil.getFilesDirPath()) +

      FileUtil.getFileDirSize(FileUtil.getCacheDirPath()));

  }

  build() {

    List() {

      ForEach(this.settingList, (item: SettingItem) => {

        ListItem() {

          Row() {

            Text(item?.title)

              .fontSize(16)

            Blank()

            if (item.subTitle) {

              Text(item.subTitle)

                .fontSize(16)

                .fontColor($r(‘app.color.placeholder_color’))

            }

            Image($r(‘app.media.arrow_right’)).width(16).height(16)

          }

          .width(CommonConstants.FULL_PERCENT)

          .padding({ left: 16, right: 16 })

          .onClick(() => {

            switch (item.id) {

              case SETTING_ITEM_ID.ITEM_USER_INFO:

                CommonUtils.routerPushPage(RouteConstants.USER_INFO_URL)

                break

              case SETTING_ITEM_ID.ITEM_CLEAR_CACHE:

                promptAction.showDialog({

                  title: ‘确认清除缓存？’,

                  buttons: [

                    {

                      text: ‘取消’,

                      color: ‘#000000’

                    },

                    {

                      text: ‘确认’,

                      color: ‘#000000’

                    }

                  ],

                })

                  .then(async data => {

                    if (data.index == 1) {

                      await FileUtil.rmdir(FileUtil.getFilesDirPath())

                      await FileUtil.rmdir(FileUtil.getCacheDirPath())

                      this.getCacheSize()

                    }

                  })

                  .catch((err: Error) => {

                  })

                break

              case SETTING_ITEM_ID.ITEM_ABOUT_APP:

                CommonUtils.routerPushPage(RouteConstants.ABOUT_APP_URL)

                break

              case SETTING_ITEM_ID.ITEM_PRIVACY_POLICY:

                CommonUtils.openWebView(item?.info)

                break

              case SETTING_ITEM_ID.ITEM_PRIVACY_SETTING:

                CommonUtils.routerPushPage(RouteConstants.PRIVATE_SETTING_URL)

                break

            }

          })

        }

        .width(CommonConstants.FULL_PERCENT)

        .height(56)

      }, (item: SettingItem) => ("" + item.id?.toString() + item.subTitle?.toString()))

    }

    .divider({

      strokeWidth: 0.5,

      color: $r(‘app.color.common_border_color_1’),

      startMargin: 16,

      endMargin: 16

    }) // 每行之间的分界线

    .backgroundColor(Color.White)

    .margin({ left: 16, right: 16 })

    .borderRadius(‘10vp’)

  }

}

代码如上，确认清除缓存后，通过getCacheSize（）得知缓存大小为0B，打印结果亦是0B，实际list未刷新