HarmonyOS鸿蒙Next中Swiper和LazyForEach延伸问题

HarmonyOS鸿蒙Next中Swiper和LazyForEach延伸问题 我这边使用了Swiper+LazyForEach(包裹的Component称为A)去模拟类似安卓的viewpager2+fragment的效果，现在遇到一个问题就是，在加载的时候，会发现首次会同时加载两个A，然后点击第二个的时候会加载第三个A。我想得到的效果是首次进来，只会加载第一个A，后面切换到对应的点才会加载对应的A，并且加载过后A之间切换是不需要重新构建的。请问有什么方法可以实现这个效果 如果使用之前答复的方案

// xxx.ets
class MyDataSource implements IDataSource {
    private list: number[] = [];

    constructor(list: number[]) {
        this.list = list;
    }

    totalCount(): number {
        return this.list.length;
    }

    getData(index: number): number {
        return this.list[index];
    }

    registerDataChangeListener(listener: DataChangeListener): void {
        // Implementation here
    }

    unregisterDataChangeListener(): void {
        // Implementation here
    }
}

@Entry
@Component
struct SwiperExample {
    private swiperController: SwiperController = new SwiperController();
    private data: MyDataSource = new MyDataSource([]);

    aboutToAppear(): void {
        let list: number[] = [];
        for (let i = 1; i <= 10; i++) {
            list.push(i);
        }
        this.data = new MyDataSource(list);
    }

    build() {
        Column({ space: 5 }) {
            Swiper(this.swiperController) {
                LazyForEach(this.data, (item: string) => {
                    Text(item.toString())
                        .width('90%')
                        .height(160)
                        .backgroundColor(0xAFEEEE)
                        .textAlign(TextAlign.Center)
                        .fontSize(30);
                }, (item: string) => item)
            }
            .cachedCount(2)
            .index(1)
            .itemSpace(0)
            .curve(Curve.Linear)
            .onChange((index: number) => {
                console.info(index.toString());
            })
            .onGestureSwipe((index: number, extraInfo: SwiperAnimationEvent) => {
                console.info("index: " + index);
                console.info("current offset: " + extraInfo.currentOffset);
            })
            .onAnimationStart((index: number, targetIndex: number, extraInfo: SwiperAnimationEvent) => {
                console.info("index: " + index);
                console.info("targetIndex: " + targetIndex);
                console.info("current offset: " + extraInfo.currentOffset);
                console.info("target offset: " + extraInfo.targetOffset);
                console.info("velocity: " + extraInfo.velocity);
            })
            .onAnimationEnd((index: number, extraInfo: SwiperAnimationEvent) => {
                console.info("index: " + index);
                console.info("current offset: " + extraInfo.currentOffset);
            });

            Row({ space: 12 }) {
                Button('showNext')
                    .onClick(() => {
                        this.swiperController.showNext();
                    });
                Button('showPrevious')
                    .onClick(() => {
                        this.swiperController.showPrevious();
                    });
            }.margin(5);
        }.width('100%')
        .margin({ top: 5 });
    }
}

这里面还有一个问题，设置.cachedCount(2)，首次加载的时候会出现连续加载前面3个Component的情况，我想要的是首次进来只会加载我当前显示的index的那个Component，其他的均在左右滑切换的时候加载。如果设置.cachedCount(0)，倒是能满足这个情况，但是又会触发另一个问题，就是左右滑的时候已经加载过的Component又会触发加载