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使用
79浏览 • 0回复 待解决
XComponent组件如何设置背景颜色
1814浏览 • 1回复 待解决
List列表组件如何改为横向显示的?
183浏览 • 1回复 待解决
HarmonyOS List组件和WaterFlow组件增强
148浏览 • 1回复 待解决
List及ListItem组件的使用
971浏览 • 1回复 待解决
list组件无法滚动到底部
733浏览 • 1回复 待解决
如何实现组件边缘的颜色渐变
1696浏览 • 1回复 待解决
List组件如何设置多列
2019浏览 • 1回复 待解决
HarmonyOS如何去掉List组件的滑动线
253浏览 • 1回复 待解决
HarmonyOS中List组件是否支持局部刷新
154浏览 • 1回复 待解决
文字背景颜色渐变显示
1930浏览 • 1回复 待解决
在XComponent组件中如何改变背景颜色
166浏览 • 1回复 待解决
触摸TextInput组件的背景颜色如何更改
136浏览 • 1回复 待解决
popup组件气泡框指向颜色怎么修改?
6830浏览 • 1回复 待解决
js如何把list组件设置为横向的?
3708浏览 • 1回复 待解决
HarmonyOS List组件动态刷新数据问题
81浏览 • 1回复 待解决
List组件如何实现多列效果
1829浏览 • 1回复 待解决
使用List组件实现多列布局
185浏览 • 1回复 待解决
List组件如何设置两端的渐变效果
1733浏览 • 1回复 待解决
如何监听List组件的总滑动距离
1604浏览 • 1回复 待解决
List组件的initialIndex属性设置不生效
1917浏览 • 1回复 待解决