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
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS Grid组件拖动异常
343浏览 • 1回复 待解决
Tab组件,无法左对齐该怎么处理?
425浏览 • 1回复 待解决
HarmonyOS 组件尺寸显示异常
44浏览 • 1回复 待解决
HarmonyOS Grid绘制多个组件,点击状态处理
521浏览 • 0回复 待解决
项目启动报错该怎么处理啊?
323浏览 • 1回复 待解决
上传文件接口报错 ,该怎么处理啊?
703浏览 • 1回复 待解决
Text文本不垂直居中,该怎么处理呢?
3158浏览 • 1回复 待解决
bindMenu去不掉半透明背景 ,该怎么处理?
272浏览 • 1回复 待解决
Swiper中子组件高度不同,导致切换时UI显示异常,如何保持Swiper中子组件在高度不同时,Swiper显示不异常?
677浏览 • 1回复 待解决
HarmonyOS 弹窗显示异常
257浏览 • 1回复 待解决
HarmonyOS tab组件的页签该怎么实现
38浏览 • 1回复 待解决
Rect设置渐变显示异常
297浏览 • 0回复 待解决
import Sample 里异常显示
6469浏览 • 1回复 待解决
HarmonyOS List嵌套Grid,Grid怎么自适应高度
708浏览 • 1回复 待解决
如何在ArkTS中处理异常?
215浏览 • 0回复 待解决
HarmonyOS TextInput 只允许输入字母、和数字和汉字 该怎么处理
22浏览 • 1回复 待解决
mage组件在Preview上可以显示,但是在真机上无法显示该图片
1922浏览 • 1回复 待解决
H5中的图片在Web组件中显示异常
265浏览 • 1回复 待解决
#鸿蒙通关秘籍#ArkWeb组件的生命周期该如何处理?
50浏览 • 1回复 待解决
HarmonyOS 字符串显示异常
458浏览 • 1回复 待解决
HarmonyOS 页面内组件全屏怎么处理?
473浏览 • 1回复 待解决
HarmonyOS 修改手机状态栏背景为黑色,字体为白色,该怎么处理?
42浏览 • 1回复 待解决
注册监听关机事件,该如何处理?
792浏览 • 1回复 待解决
页面的内容超出屏幕大小而无法完全显示时,该怎么办
1064浏览 • 1回复 待解决
错误码:request.agent.State.FAILED怎么处理,request下载文件异常
397浏览 • 1回复 待解决
浮点数插值导致的露线问题,给gridItem设置pixelRound可解决,参考: