Grid组件显示异常该怎么处理?

List 组件嵌套使用 Grid 组件时,Grid 组件 item 间距显示异常。

示例代码:

@Entry  
@Component  
export struct GridTestPage{  
  private days:number[] = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]  
  
  build() {  
    List(){  
      ListItem(){  
  
        Grid(){  
          ForEach(this.days,(day:number,index)=>{  
            GridItem(){  
              Row(){  
                Text(day.toString())  
              }  
              .width("100%").height("100%")  
              .justifyContent(FlexAlign.Center)  
              .alignItems(VerticalAlign.Center)  
              .backgroundColor(Color.Red)  
            }  
            .height(56)  
          })  
        }.columnsTemplate('1fr 1fr 1fr 1fr 1fr 1fr 1fr')  
        .scrollBar(BarState.Off)  
        .rowsGap(0)  
        .columnsGap(0)  
        .width('100%')  
  
      }.height(56*Math.ceil(this.days.length/7)).width("100%")  
    }.width("100%").height(392)  
    .listDirection(Axis.Vertical)  
    .padding({left:16,right:16})  
  }  
}
HarmonyOS
2024-09-23 13:51:46
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

浮点数插值导致的露线问题,给gridItem设置pixelRound可解决,参考:

.pixelRound({  
  top:PixelRoundCalcPolicy.FORCE_FLOOR,  
  end:PixelRoundCalcPolicy.FORCE_CEIL  
})
分享
微博
QQ
微信
回复
2024-09-23 18:17:27
相关问题
HarmonyOS Grid组件拖动异常
343浏览 • 1回复 待解决
Tab组件,无法左对齐怎么处理
425浏览 • 1回复 待解决
HarmonyOS 组件尺寸显示异常
44浏览 • 1回复 待解决
项目启动报错怎么处理啊?
323浏览 • 1回复 待解决
Text文本不垂直居中,怎么处理呢?
3158浏览 • 1回复 待解决
HarmonyOS 弹窗显示异常
257浏览 • 1回复 待解决
HarmonyOS tab组件的页签怎么实现
38浏览 • 1回复 待解决
Rect设置渐变显示异常
297浏览 • 0回复 待解决
import Sample 里异常显示
6469浏览 • 1回复 待解决
如何在ArkTS中处理异常?
215浏览 • 0回复 待解决
H5中的图片在Web组件显示异常
265浏览 • 1回复 待解决
HarmonyOS 字符串显示异常
458浏览 • 1回复 待解决
HarmonyOS 页面内组件全屏怎么处理
473浏览 • 1回复 待解决
注册监听关机事件,如何处理
792浏览 • 1回复 待解决