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、在往前面滑动的时候,去加载了之前的数据,把新加载的数据,调用:
this.calendarDataSource.addData(0,calendarModeList) this.currentIndex = 1添加到最前面,发现页面没有绘制出我新添加的数据UI。
2、数据往后面添加调用this.calendarDataSource.pushData(calendarModeList)就正常的。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS swiper + LazyForEach使用问题
1560浏览 • 1回复 待解决
HarmonyOS swiper组件的使用问题
1427浏览 • 1回复 待解决
HarmonyOS 关于List组件使用ForEach渲染刷新的问题
1319浏览 • 1回复 待解决
HarmonyOS Tabs和Swiper联合使用问题
961浏览 • 1回复 待解决
HarmonyOS ForEach列表刷新问题
1331浏览 • 1回复 待解决
HarmonyOS Swiper循环问题
1272浏览 • 1回复 待解决
HarmonyOS Grid组件使用ForEach网格布局,Ui数据更新问题
1943浏览 • 1回复 待解决
HarmonyOS Swiper组建使用
1528浏览 • 1回复 待解决
HarmonyOS ForEach创建的视图刷新问题
919浏览 • 1回复 待解决
HarmonyOS Swiper的disableSwipe问题
789浏览 • 1回复 待解决
HarmonyOS 使用foreach后页面未重新渲染?
1663浏览 • 1回复 待解决
HarmonyOS swiper数据刷新问题
994浏览 • 1回复 待解决
HarmonyOS Foreach循环渲染默认的key有问题
1236浏览 • 1回复 待解决
HarmonyOS ForEach循环渲染组件视图刷新问题
1287浏览 • 1回复 待解决
HarmonyOS Swiper嵌套RichEditor的问题
825浏览 • 1回复 待解决
关于使用foreach&lazyforeach更改数据源界面不刷新的问题
2781浏览 • 2回复 待解决
HarmonyOS 关于Swiper指示器问题
1640浏览 • 1回复 待解决
使用LazyForEach嵌套LazyForEach(或ForEach)显示异常。
1993浏览 • 1回复 待解决
HarmonyOS swiper修改指示器问题
809浏览 • 1回复 待解决
修改ForEach使用的数据对象,UI不刷新
4668浏览 • 1回复 待解决
HarmonyOS ForEach局部刷新
1816浏览 • 1回复 待解决
使用swiper组件实现viewPager效果
3139浏览 • 1回复 待解决
forEach 的key值为什么只用使用string类型
2942浏览 • 1回复 待解决
HarmonyOS 组件变量被@Link修饰,如何使用ForEach批量创建组件
1380浏览 • 1回复 待解决
HarmonyOS forEach return退出循环
1343浏览 • 1回复 待解决





















在onchange方法中修改状态变量currentIndex无法有效更改当前swiper的显示页面,参考使用API12的changeIndex属性,修改如下:
参考链接如下:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-swiper-V5#changeindex12