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
      
        赞
        
 收藏 0
 回答 1
 
        待解决
        
相关问题
 HarmonyOS  marquee组件自带一个text组件,导致左边的返回按钮被遮挡无法生效 
909浏览  • 1回复 待解决
HarmonyOS tabContent底部被遮挡 
1452浏览  • 1回复 待解决
HarmonyOS Web组件高度设置问题,Web组件内容被遮挡 
2007浏览  • 1回复 待解决
HarmonyOS  webview输入框被遮挡 
1155浏览  • 1回复 待解决
HarmonyOS Column布局包含list 
1377浏览  • 1回复 待解决
HarmonyOS Toast弹出的时候被键盘遮挡 
1696浏览  • 1回复 待解决
HarmonyOS 对话框弹出页面被遮挡 
1392浏览  • 1回复 待解决
Column组件中放了Row子组件,当Row中的内容过长时,会显示在Column以外的区域 
2836浏览  • 1回复 待解决
HarmonyOS RelativeContainer组件的宽高如何随着子组件布局自适应大小,column和row都可以 
1819浏览  • 1回复 待解决
HarmonyOS 页面被自定义弹窗遮挡 
924浏览  • 1回复 待解决
HarmonyOS CustomDialog中布局最底部放入InputText,当键盘被顶起时会出现偏移,并且会出现透明遮挡 
1074浏览  • 1回复 待解决
#鸿蒙通关秘籍#在 HarmonyOS 中如何为容器组件 Column 设置子组件的对齐方式? 
1780浏览  • 1回复 待解决
HarmonyOS 页面中相对布局中的按钮点击无效 
1411浏览  • 1回复 待解决
Flex布局完全替代column、row 
1521浏览  • 2回复 待解决
鸿蒙scrollview 嵌套 webview 在滑动过程中遮挡  下面的组件 
8719浏览  • 1回复 已解决
HarmonyOS 输入框聚焦时,底层list组件同时滚动并且输入框被遮挡 
1062浏览  • 1回复 待解决
在Row或者Column中如何使某个子组件占满剩余的空间? 
2590浏览  • 1回复 待解决
HarmonyOS Image组件在Column容器中,能否实现从上至下进行裁剪,容器组件也随着变小 
740浏览  • 1回复 待解决
HarmonyOS 输入法弹出后遮挡界面按钮怎么处理? 
924浏览  • 1回复 待解决
HarmonyOS  在屏幕底部的组件的响应区域是否存在遮挡? 
712浏览  • 1回复 待解决
#鸿蒙通关秘籍# 在HarmonyOS NEXT中如何使用Flex和Stack布局实现复杂的组件对齐和叠加效果? 
1190浏览  • 0回复 待解决
在Stack()布局中,如何调整子组件的对齐方式 
2298浏览  • 1回复 待解决
HarmonyOS 弹窗布局被软键盘压缩 
995浏览  • 1回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS NEXT中使用Column布局实现组件的垂直排列? 
1171浏览  • 0回复 待解决





















设置的是vp单位,底层绘制实际是px,设置小数,转换过程中会出现偏差,导致text遮挡line的绘制,被遮挡的位置实际是转换的出现偏差的位置
设置height = 1,不会出现遮挡,但会出现缝隙,也是因为转换出现偏差的问题,把height设置成px可以避免