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使用
1392浏览 • 1回复 待解决
HarmonyOS listdivider bug
891浏览 • 1回复 待解决
HarmonyOS list组件数据显示错乱
855浏览 • 1回复 待解决
HarmonyOS list组件显示不完整
1302浏览 • 1回复 待解决
HarmonyOS Divider组件,如何能显示虚线
1207浏览 • 1回复 待解决
List列表组件如何改为横向显示的?
1851浏览 • 1回复 待解决
HarmonyOS list组件问题
987浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
3300浏览 • 1回复 待解决
HarmonyOS 设置list组件高度
777浏览 • 1回复 待解决
HarmonyOS 监听List组件滑动
1326浏览 • 1回复 待解决
HarmonyOS List组件和WaterFlow组件增强
1916浏览 • 1回复 待解决
HarmonyOS 批量修改子组件颜色
773浏览 • 1回复 待解决
HarmonyOS Image组件如何设置填充颜色
1257浏览 • 1回复 待解决
HarmonyOS list控件子组件复用
1506浏览 • 1回复 待解决
HarmonyOS 组件List如何禁止滑动
2088浏览 • 1回复 待解决
HarmonyOS LIst组件UI不刷新
820浏览 • 1回复 待解决
HarmonyOS List组件沉浸式问题
989浏览 • 1回复 待解决