HarmonyOS ListItemGroup设置footer时使用三目运算符footer会出现在ListItem上方

HarmonyOS
17h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

可以中间套一个@Builder,代码如下:

@Entry
@Component
struct Index {
  @State isMy: boolean = true
  arr: string[] = ['1', '2']
  build() {
    List() {
      ListItemGroup({ footer: this.myFooter()}) {
        ForEach(this.arr, (item: string) => {
          ListItem() {
            Text(`文本是${item}`)
          }
        })
      }
    }
    .height('100%')
    .width('100%')
  }
  @Builder
  myFooter(){
    if (this.isMy) {
      this.buildFooter()
    }else{
      this.buildFooter()
    }
  }
  @Builder
  buildFooter() {
    Text('footer')
      .width('100%')
      .padding(16)
  }
}
分享
微博
QQ
微信
回复
14h前
相关问题