HarmonyOS 在list列表中,如何在内容为空的时候展示一个自定义的emptyview,在列表有内容的时候不显示emptyview

HarmonyOS
3天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

使用if/else控制,参考代码

@Entry
@Component
struct ListDemo {
  @State message: string = 'Hello World';
  @State arr: number[] = []

  build() {
    Column() {
      Flex(){
        Text('切换')
      }
      .padding(30)
      .onClick(()=>{
        if(this.arr.length === 0){
          this.arr = [0,1,2,3,4,5,6,7,8,9]
        }else{
          this.arr = []
        }
      })
      List({ space: 20 }) {
        if(this.arr.length>0){
          ListItemGroup() {
            ForEach(this.arr, (item: number) => {
              ListItem() {
                Text('' + item)
                  .width('100%')
                  .height(100)
                  .fontSize(16)
                  .textAlign(TextAlign.Center)
                  .borderRadius(10)
                  .backgroundColor(0xFFFFFF)
              }
            }, (item: string) => item)
          }
          .divider({ strokeWidth: 1, color: Color.Blue }) // 每行之间的分界线
        }else {
          ListItem(){
            this.emptyview()
          }
        }
      }
      .width('90%')
      .sticky(StickyStyle.None)
      .scrollBar(BarState.Off)
    }.width('100%').height('100%').backgroundColor(0xDCDCDC).padding({ top:5 })
  }

  @Builder
  emptyview(){
    Row(){
    }.width('100%').height('600').backgroundColor('#33333333')
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS 实现一个自定义分类列表
497浏览 • 1回复 待解决
HarmonyOS 列表刷新时候会闪
198浏览 • 1回复 待解决
HarmonyOS webloadData不显示内容
156浏览 • 1回复 待解决
List列表组件如何改为横向显示
1095浏览 • 1回复 待解决