Waterflow怎么添加header能力?

Waterflow怎么添加header能力?

HarmonyOS
2024-07-19 10:06:32
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
NingJ

可以使用list把Waterflow作为ListItem的内容

示例代码

build() {
  Column({ space: 2 }) {
    List({ space: 20, scroller: this.scroller }) {
      ListItemGroup({ header: this.hover() }) {
        ListItem() {
          WaterFlow() {
            LazyForEach(this.dataSource, (item: number) => {
              FlowItem() {
                Column() {
                  Text("N" + item).fontSize(12).height('16')
                  Image('res/waterFlowTest(' + item % 5 + ').jpg')
                    .objectFit(ImageFit.Fill)
                    .width('100%')
                    .layoutWeight(1)
                }
              }
              .onAppear(() => {
                // 即将触底时提前增加数据
                if (item + 20 == this.dataSource.totalCount()) {
                  for (let i = 0; i < 100; i++) {
                    this.dataSource.addLastItem()
                  }
                }
              })
              .width('100%')
              .height(this.itemHeightArray[item % 100])
              .backgroundColor(this.colors[item % 5])
            }, (item: string) => item)
          }
          .columnsTemplate("1fr 1fr")
          .columnsGap(10)
          .rowsGap(5)
          .backgroundColor(0xFAEEE0)
          .height('90%')
          .width('100%')
        }
      }
    }
    .sticky(StickyStyle.Header)
    .backgroundColor('#eeeeee')
    .divider({ strokeWidth: 1, color: 0x222222 })
  • 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.
分享
微博
QQ
微信
回复
2024-07-19 19:24:24
相关问题
HarmonyOS webview怎么添加header
614浏览 • 1回复 待解决
HarmonyOS 怎么给web组件的请求添加header
1218浏览 • 1回复 待解决
基于原生的水印添加能力
1767浏览 • 1回复 待解决
服务中心添加卡片怎么添加
7701浏览 • 1回复 待解决
buttom样式怎么添加
7427浏览 • 2回复 待解决
Image 上怎么添加文字?
4018浏览 • 1回复 待解决
HarmonyOS埋点怎么添加
810浏览 • 1回复 待解决
请问原子布局能力怎么理解?
11360浏览 • 1回复 已解决
HarmonyOS swiper怎么添加惯性
484浏览 • 1回复 待解决
怎么在httpRequest中添加cookie
1376浏览 • 1回复 待解决
HarmonyOS Video 怎么添加请求头?
892浏览 • 2回复 待解决