HarmonyOS的Swiper 数据为空导致页面崩溃的解决办法

最新推荐文章于 2024-07-23 15:29:01 发布

多喜乐长安宁

最新推荐文章于 2024-07-23 15:29:01 发布

阅读量622

点赞数 11

分类专栏： HarmonyOS 文章标签： harmonyos

本文链接：https://blog.csdn.net/qq_57952018/article/details/135749791

版权

HarmonyOS 专栏收录该内容

11 篇文章 6 订阅

订阅专栏

文章讲述了在使用DevEcoStudio3.1.1版本时，开发者遇到API9获取数据后轮播图组件显示问题，导致浏览器卡死或模拟器闪退。通过添加Swiper外层判断解决了此问题，同时提及了已将问题反馈给官方。

摘要由CSDN通过智能技术生成

当前： api9 DevEco Studio 3.1.1 Release

@Entry
@Component
struct Index {
  // 定义接口返回的轮播图数据
  @State HospitalPropaganda: string[]  = []
  private swiperController: SwiperController = new SwiperController()
  async aboutToAppear() {
    this.getOrgInfo()
  }
  private getOrgInfo = async () => {
    try {
      const res = await this.httpBaskData()
      this.HospitalPropaganda = res
    } catch (err) {
      console.log('err111', err)
    }
  }
  // 模拟接口返回数据
  private httpBaskData = (): Promise<string[]> => {
    return new Promise((res,rej) => {
      setTimeout(() => {
        res(['https://hwkjoss-kfx-biz-dev.oss-cn-hangzhou.aliyuncs.com/6395399560128654336.jpg', 'https://hwkjoss-kfx-biz-dev.oss-cn-hangzhou.aliyuncs.com/6395399560128654336.jpg'])
      },1000)
    })
  }

  build() {
    Column() {
      Text('this.HospitalPropaganda的数据是：-----')
      ForEach(this.HospitalPropaganda, (item: string) => {
        Text(item)
      })
      Text('Swiper：-----')
      // if (this.HospitalPropaganda.length > 0) {
        Swiper(this.swiperController) {
          ForEach(this.HospitalPropaganda, (item: string) => {
            Image(item) // https://hwkjoss-kfx-biz-dev.oss-cn-hangzhou.aliyuncs.com/6395399560128654336.jpg
              .width('100%').height('100%').objectFit(ImageFit.Fill)
          })
          // Image('https://hwkjoss-kfx-biz-dev.oss-cn-hangzhou.aliyuncs.com/6395399560128654336.jpg')
        }
        .width('100%')
        .height(100)
        .cachedCount(2)
        .index(1)
        .autoPlay(true)
        .interval(4000)
        .indicator(true)
        .loop(true)
        .duration(1000)
        .itemSpace(0)
        .curve(Curve.Linear)
      // }
    }
    .width('100%')
    .height('100%')
    .backgroundColor('#F7F7F7')
  }
}

运行以上代码预览器卡死；模拟器直接闪退；真机没有试过

已经反馈给官方：