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组件拖动异常
297浏览 • 1回复 待解决
Tab组件,无法左对齐该怎么处理?
372浏览 • 1回复 待解决
HarmonyOS Grid绘制多个组件,点击状态处理
464浏览 • 0回复 待解决
项目启动报错该怎么处理啊?
303浏览 • 1回复 待解决
上传文件接口报错 ,该怎么处理啊?
682浏览 • 1回复 待解决
Text文本不垂直居中,该怎么处理呢?
2948浏览 • 1回复 待解决
bindMenu去不掉半透明背景 ,该怎么处理?
229浏览 • 1回复 待解决
HarmonyOS 弹窗显示异常
232浏览 • 1回复 待解决
Swiper中子组件高度不同,导致切换时UI显示异常,如何保持Swiper中子组件在高度不同时,Swiper显示不异常?
612浏览 • 1回复 待解决
HarmonyOS List嵌套Grid,Grid怎么自适应高度
657浏览 • 1回复 待解决
import Sample 里异常显示
6443浏览 • 1回复 待解决
Rect设置渐变显示异常
238浏览 • 0回复 待解决
H5中的图片在Web组件中显示异常
233浏览 • 1回复 待解决
如何在ArkTS中处理异常?
169浏览 • 0回复 待解决
mage组件在Preview上可以显示,但是在真机上无法显示该图片
1888浏览 • 1回复 待解决
HarmonyOS 字符串显示异常
420浏览 • 1回复 待解决
grid如何怎么实现拖拽功能
827浏览 • 1回复 待解决
HarmonyOS 页面内组件全屏怎么处理?
438浏览 • 1回复 待解决
Grid组件性能问题有哪些?
391浏览 • 1回复 待解决
grid组件及数据懒加载
943浏览 • 1回复 待解决
错误码:request.agent.State.FAILED怎么处理,request下载文件异常
365浏览 • 1回复 待解决
使用TextPicker控件显示异常的问题
807浏览 • 1回复 待解决
页面的内容超出屏幕大小而无法完全显示时,该怎么办
1008浏览 • 1回复 待解决
注册监听关机事件,该如何处理?
762浏览 • 1回复 待解决
HarmonyOS Grid组件子项拖动问题
135浏览 • 1回复 待解决
浮点数插值导致的露线问题,给gridItem设置pixelRound可解决,参考: