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
相关问题
dialog 如何去除与屏幕间的空隙
377浏览 • 1回复 待解决
HarmonyOS listItem的问题
287浏览 • 1回复 待解决
HarmonyOS如何实现list listitem拖拽
946浏览 • 1回复 待解决
HarmonyOS ListItem嵌套Tabs显示不全
24浏览 • 1回复 待解决
HarmonyOS listitem位置保持的问题
29浏览 • 1回复 待解决
HarmonyOS 如何实现拖动改变ListItem顺序
371浏览 • 1回复 待解决
HarmonyOS 如何实现Listitem的拖拽排序
59浏览 • 1回复 待解决
HarmonyOS ListItem侧滑菜单动态设置
79浏览 • 1回复 待解决
HarmonyOS ListItem滑动编辑后如何复原?
281浏览 • 1回复 待解决
ListItem 组件渲染错误空白内容
859浏览 • 1回复 待解决
Stage 模型下,ListItem 怎么复用?
337浏览 • 1回复 待解决
List及ListItem组件的使用
1781浏览 • 1回复 待解决
HarmonyOS 模块之间混淆规则
41浏览 • 1回复 待解决