HarmonyOS Swiper+ForEach使用问题

项目中用到了,Swiper+LazyForEach的使用,代码如下:

Swiper(this.swiperController) {  
      LazyForEach(this.calendarDataSource, (item: CalendarModelList) => {  
        Column() {  
          //日期列表  
          List() {  
            ForEach(this.changeData(item), (item: CalendarModelList) => {  
              ListItem() {  
                CalendarListItem({ dateList: item})  
              }  
            })  
          }  
          Stack(){  
            //显示图例  
            CalendarState()  
            //显示农历提示语  
            CalendarTip().visibility(this.isShowTip && !this.selectCalendarModel.isPregnancy() ? Visibility.Visible : Visibility.None)  
          }  
          //孕周显示  
          CalendarPregnantData()  
        }.padding({ bottom: 5 })  
      },  
        (item: CalendarModel[], index: number) => {  
          return JSON.stringify(item)}  
      )  
    }  
    .indicator(false)  
    .loop(false)  
    .cachedCount(1)  
    .index(this.currentIndex)
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.

1、在往前面滑动的时候,去加载了之前的数据,把新加载的数据,调用:

this.calendarDataSource.addData(0,calendarModeList)  this.currentIndex = 1
  • 1.

添加到最前面,发现页面没有绘制出我新添加的数据UI。

2、数据往后面添加调用this.calendarDataSource.pushData(calendarModeList)就正常的。

HarmonyOS
2024-10-10 10:41:10
304浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
superinsect

在onchange方法中修改状态变量currentIndex无法有效更改当前swiper的显示页面,参考使用API12的changeIndex属性,修改如下:

this.swiperController.changeIndex(1, false)
  • 1.

参考链接如下:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-swiper-V5#changeindex12

分享
微博
QQ
微信
回复
2024-10-10 18:07:09


相关问题
HarmonyOS swiper + LazyForEach使用问题
861浏览 • 1回复 待解决
HarmonyOS swiper组件的使用问题
802浏览 • 1回复 待解决
HarmonyOS Tabs和Swiper联合使用问题
350浏览 • 1回复 待解决
HarmonyOS ForEach列表刷新问题
642浏览 • 1回复 待解决
HarmonyOS Swiper循环问题
810浏览 • 1回复 待解决
HarmonyOS Swiper组建使用
1000浏览 • 1回复 待解决
HarmonyOS Swiper的disableSwipe问题
319浏览 • 1回复 待解决
HarmonyOS ForEach创建的视图刷新问题
412浏览 • 1回复 待解决
HarmonyOS swiper数据刷新问题
398浏览 • 1回复 待解决
HarmonyOS Swiper嵌套RichEditor的问题
339浏览 • 1回复 待解决
HarmonyOS 关于Swiper指示器问题
878浏览 • 1回复 待解决
HarmonyOS swiper修改指示器问题
318浏览 • 1回复 待解决
修改ForEach使用的数据对象,UI不刷新
2546浏览 • 1回复 待解决
HarmonyOS ForEach局部刷新
1107浏览 • 1回复 待解决
使用swiper组件实现viewPager效果
2034浏览 • 1回复 待解决
HarmonyOS forEach return退出循环
528浏览 • 1回复 待解决