HarmonyOS 在Column 中,按钮组件和Line交替布局,细线被遮挡

在Column 中,按钮组件和Line交替布局,细线被遮挡

代码:

const DH = 0.5
const NUMBER = 80

@Entry
@Component
struct DividerDisappear {
  list: number[] = []

  aboutToAppear(): void {
    for (let i = 0; i < NUMBER; i++) {
      this.list.push(i)
    }
  }

  build() {
    Scroll() {
      Column({ space: 0 }) {
        Repeat(
          this.list
        ).each(
          (repeatItem: RepeatItem<number>) => {
            Column() {
              Text(`- - -${repeatItem.item} - - - `).backgroundColor(Color.White).height(20)
              Line().width('100%').height(DH).backgroundColor(Color.Black)
            }
          }
        )
      }
    }
  }
}
HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

设置的是vp单位,底层绘制实际是px,设置小数,转换过程中会出现偏差,导致text遮挡line的绘制,被遮挡的位置实际是转换的出现偏差的位置

设置height = 1,不会出现遮挡,但会出现缝隙,也是因为转换出现偏差的问题,把height设置成px可以避免

分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS tabContent底部遮挡
176浏览 • 1回复 待解决
HarmonyOS webview输入框遮挡
200浏览 • 1回复 待解决
HarmonyOS Column布局包含list
250浏览 • 1回复 待解决
HarmonyOS 对话框弹出页面遮挡
286浏览 • 1回复 待解决
HarmonyOS Toast弹出的时候键盘遮挡
647浏览 • 1回复 待解决
HarmonyOS 页面自定义弹窗遮挡
33浏览 • 1回复 待解决
HarmonyOS This line should be unreachable
162浏览 • 1回复 待解决
HarmonyOS 弹窗布局软键盘压缩
30浏览 • 1回复 待解决