HarmonyOS ListItem之间存在空隙

使用过程中,发现List的ListItem之间存在空隙。因为场景原因,List的父容器有背景色,而List本身背景色为透明,就出现了这种情况。

HarmonyOS
2024-10-09 12:19:03
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

listItemGroup和listItem内部实现方式有部分差异,ListItem使用Divider分割线。

import ArrayList from '@ohos.util.ArrayList';  
@Entry  
@Component  
struct ListTestPage2 {  
  @State message: string = 'Hello World';  
  @State data: string[] = []  
  @State fieldRowHeight: number = 0;  
  aboutToAppear(): void {  
    for (let i = 0; i < 100; i++) {  
      this.data.push(`第${i}个元素`)  
    }  
  }  
  build() {  
    Row() {  
      List() {  
        ForEach(this.data, (item: string) => {  
          ListItem() {  
            Column() {  
              Text(item)  
                .height("100%")  
                .width("100%")  
              Divider()  
                .strokeWidth(1)  
                .color(Color.Blue)  
                .margin({ top: 0 })  
            }  
            .width('100%')  
            .height(50)  
            .backgroundColor(Color.White)  
          }  
          .margin({ top: 0, bottom: 0 })  
          // TODO Fix 滑动时,ListItem之间会有红色线闪烁,  
        })  
      }  
      .width('100%')  
      .height('100%')  
    }  
    .backgroundColor(Color.Red)  
    .width('100%')  
    .height('100%')  
  }  
}
分享
微博
QQ
微信
回复
2024-10-09 18:04:01
相关问题
HarmonyOS listItem的问题
126浏览 • 1回复 待解决
HarmonyOS如何实现list listitem拖拽
551浏览 • 1回复 待解决
dialog 如何去除与屏幕间的空隙
163浏览 • 1回复 待解决
HarmonyOS ListItem滑动编辑后如何复原?
144浏览 • 1回复 待解决
HarmonyOS 如何实现拖动改变ListItem顺序
205浏览 • 1回复 待解决
HarmonyOS HAP之间如何进行通信?
305浏览 • 1回复 待解决
HarmonyOS HAR包之间的路由跳转
457浏览 • 1回复 待解决
HarmonyOS Webkit ets之间的调用
23浏览 • 1回复 待解决
HarmonyOS crypto-js 性能存在问题
227浏览 • 1回复 待解决
HarmonyOS List第一个可见的ListItem
116浏览 • 1回复 待解决
HarmonyOS cmake编译存在无意义warning
237浏览 • 1回复 待解决