HarmonyOS鸿蒙Next中Swiper支持异高的子组件效果不好，发现可以用List实现，分享出来

HarmonyOS鸿蒙Next中Swiper支持异高的子组件效果不好，发现可以用List实现，分享出来

class MyDataSource implements IDataSource {
 totalCount(): number {
 return 100;
 }

 getData(index: number): number {
 return index;
 }

 registerDataChangeListener(listener: DataChangeListener): void {
 }

 unregisterDataChangeListener() {
 }

}

@Entry
@Component
struct Index {
 @State message: string = 'Hello World';
 private swiperController: SwiperController = new SwiperController()
 private data: MyDataSource = new MyDataSource()
 private scrollerForList: Scroller = new Scroller()

 private array: number[] = []

 aboutToAppear(): void {
 for (let i = 0; i < 20; i++) {
 this.array.push(i)
 }
 }

 build() {

 List({ scroller: this.scrollerForList }) {
 LazyForEach(this.data, (item: number) => {
 ListItem() {
 if (item % 2 == 0) {
 Stack() {

 }
 .backgroundColor(Color.Blue)
 .width('100%')
 .height('100%')
 } else {
 Stack() {
 }
 .backgroundColor(Color.Green)
 .width('100%')
 .height('calc(100% - 50vp)')
 }
 },
 }, (item: number) => JSON.stringify(item))
 }
 .flingSpeedLimit(1000)
 .listDirection(Axis.Vertical)
 .scrollSnapAlign(ScrollSnapAlign.START)
 .chainAnimation(true)
 .width('100%')
 .height('100%')
 .friction(5)
 }
}