HarmonyOS 子组件悬浮底部布局

该问题可使用list的sticky属性，配合ListItemGroup组件使用，设置ListItemGroup中header和footer是否要吸顶或吸底，

api参考：

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-list-V5#sticky9

代码示例：

List() {
  ListItemGroup({ footer: this.itemFoot() }) {
    ListItem() {
      Swiper(this.swiperController) {
        LazyForEach(this.data, (item: MyPhotoData, index: number) => {
          Image($r('app.media.496799071_thumb'))
            .width('100%')
            .height(this.swiperMaxHeight)
        }, (item: MyPhotoData) => JSON.stringify(item))
      }
      .cachedCount(2)
      .index(0)
      .autoPlay(true)
      .interval(3000)
      .loop(true)
      .indicatorInteractive(true)
      .duration(300)
      .itemSpace(0)
      .indicator(false)
      .displayArrow(false)
      .curve(Curve.Linear)
      .onChange((index: number) => {
        this.duration = 3000
        this.currentIndex = index
      })
      .onAppear(() => {
        this.currentIndex = 0
      })
    }
    .height(this.swiperMaxHeight - this.progressHeight)
  }

  ListItemGroup() {
    ListItem() {
      Text('文章区域')
        .width('100%')
        .height(500)
        .backgroundColor(Color.Orange)
    }
  }
}
.width('100%')
.height('100%')
.sticky(StickyStyle.Footer)
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.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.

itemfoot代码：

@Builder
itemFoot() {
  Row({ space: 5 }) {
    ForEach(this.progressData, (item: MyPhotoData, index: number) => {
      Stack({ alignContent: Alignment.Start }) {
        Row()
          .zIndex(0)
          .width('100%')
          .height(4)
          .borderRadius(2)
          .backgroundColor("#19182431")
        Row()
          .zIndex(1)
          .width(this.currentIndex >= index ? '100%' : '0')
          .height(4)
          .borderRadius(2)
          .backgroundColor("#ff007dff")
          .animation({
            duration: this.duration - 400,
            curve: Curve.Linear,
            iterations: 1,
            playMode: PlayMode.Normal,
            onFinish: () => {
              if (this.currentIndex === this.progressData.length - 1) {
                this.duration = 400
                this.currentIndex = -1
              }
            }
          })
      }
      .layoutWeight(1)
    }, (item: MyPhotoData) => JSON.stringify(item))
  }
  .width('100%')
  .height(this.progressHeight)
}
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.
30.
31.
32.
33.
34.
35.
36.