List组件divider颜色显示透List组件颜色

List组件divider颜色显示透List组件颜色

HarmonyOS
2024-09-04 09:33:21
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

可以参考demo:

// xxx.ets 
@Entry 
@Component 
struct ListExample { 
  private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21] 
 
  @Builder 
  itemHead() { 
    Text('header') 
      .fontSize(20) 
      .backgroundColor(0xAABBCC) 
      .width("100%") 
      .padding(10) 
  } 
 
  build() { 
    Column() { 
      List() { 
        ListItemGroup({ header: this.itemHead() }) { 
          ForEach(this.arr, (item: number) => { 
            ListItem() { 
              Text('' + item).fontColor(Color.Black) 
                .width('100%') 
                .textAlign(TextAlign.Center) 
            } 
            .width('100%') 
            .height(45) 
            .backgroundColor(Color.White) 
          }, (item: string) => item) 
        } 
        .divider({ 
          strokeWidth: 2, 
          color: Color.Green, 
          startMargin: 16, 
          endMargin: 16 
        }) 
      } 
 
      .width('100%') 
      .height('calc(100% - 90vp)') 
      .backgroundColor(Color.Pink) 
    } 
    .width('100%') 
    .height('100%') 
  } 
}

精度丢失导致问题。

给list组件加上.pixelRound({ top: PixelRoundCalcPolicy.FORCE_FLOOR, bottom: PixelRoundCalcPolicy.FORCE_CEIL })属性。

分享
微博
QQ
微信
回复
2024-09-04 17:50:42
相关问题
HarmonyOS Listdivider使用
559浏览 • 0回复 待解决
List列表组件如何改为横向显示的?
942浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
2155浏览 • 1回复 待解决
HarmonyOS List组件和WaterFlow组件增强
607浏览 • 1回复 待解决
HarmonyOS List组件不能嵌套Grid组件
53浏览 • 1回复 待解决
文字背景颜色渐变显示
2179浏览 • 1回复 待解决
List及ListItem组件的使用
1752浏览 • 1回复 待解决
list组件是否支持内部移动
337浏览 • 1回复 待解决
如何实现组件边缘的颜色渐变
1987浏览 • 1回复 待解决
List组件如何设置多列
2269浏览 • 1回复 待解决
HarmonyOS List组件的滚动监听
32浏览 • 1回复 待解决
HarmonyOS list控件子组件复用
390浏览 • 1回复 待解决
list组件无法滚动到底部
1285浏览 • 1回复 待解决
HarmonyOS List组件数据更新错误
303浏览 • 0回复 待解决
Divider组件是否存在虚线属性
671浏览 • 1回复 待解决
触摸TextInput组件的背景颜色如何更改
662浏览 • 1回复 待解决
在XComponent组件中如何改变背景颜色
446浏览 • 1回复 待解决
popup组件气泡框指向颜色怎么修改?
7372浏览 • 1回复 待解决
HarmonyOS List组件动态刷新数据问题
997浏览 • 1回复 待解决
List组件如何实现多列效果
2128浏览 • 1回复 待解决