arkts RichText富文本过长时利用waterflow制作滚动

原创已于 2024-07-04 16:35:58 修改 · 326 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #鸿蒙

于 2024-07-04 16:31:40 首次发布

  WaterFlow({  scroller:  new Scroller()}) {
    FlowItem() {
      Column() {

        RichText(`<div style="padding: 0 16px 34px 16px; margin-top: 16px;height:100%;">
   内容自定义
 </div>`)
          .size({ width: '100%', height:'100%'})
          .layoutWeight(1)
          .backgroundColor('#fff')
        Column() {
          Column(){
           
          }
          .height('100%')
        }
        .position({x:0,y:0})
        .zIndex(999)
        .width('100%')
        .height('100%')
        .backgroundColor('#fff')
        .opacity(0)
      }


    }
    .width('95%')
    .height('富文本高度')
    .backgroundColor('#fff')
}.columnsTemplate("1fr")
  .width('100%')
  .height('95%')
  .rowsGap(5)