HarmonyOS Scroll内部嵌套纵向的Grid如何把内容全部展开
UI设计需要整体页面滑动,而且页面里有纵向的表格列表,需要表格列表整体全都展开的。
Scroll() {
Text("常用功能")
...
Grid() {
ForEach(this.commonFuctionList, (text: string) => {
GridItem() {
Column() {
Image($r("app.media.app_icon"))
.width(60)
.height(60)
.margin({top : 10})
Text(text)
.fontColor(Color.Black)
.fontSize(12)
.margin({top:5,bottom:10})
.height(20)
}
}.width("25%")
.aspectRatio(0.8)
})
}
.width("100%")
.layoutDirection(GridDirection.Column)
.columnsTemplate("1fr 1fr 1fr 1fr")
.margin({ left: 14, right: 14 })
}
通过什么方法可以获取GridItem() {}的实际高度和GridItem() 之间的间隔 方便计算Gird实际所需要的高度可以让Gird在Scroll内全部展开?这些问题都没有查到Next版本的实现方法。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS Scroll与Grid嵌套使用,如何禁止Grid滑动事件
327浏览 • 1回复 待解决
scroll中嵌套一个或多个grid,如何实现嵌套滚动?
2757浏览 • 1回复 待解决
HarmonyOS Scroll中嵌套Grid组件的时候,Grid必须要设置height高度吗
409浏览 • 1回复 待解决
HarmonyOS 关于Scroll中如何实现 横向+纵向滚动的功能
937浏览 • 1回复 待解决
HarmonyOS Scroll容器内部嵌套2个Waterflow组件,滑动条嵌套设置不生效
453浏览 • 1回复 待解决
HarmonyOS Scroll嵌套Scroll,外部的Scroll无法滚动
471浏览 • 1回复 待解决
Scroll嵌套web,如何实现可以流畅的滑动,Web内容高度会变化
626浏览 • 1回复 待解决
ArkTS中Grid,WaterFlow嵌套到Scroll组件中高度无限高问题
241浏览 • 1回复 待解决
HarmonyOS Tabs嵌套Grid问题
422浏览 • 1回复 待解决
Scroll里面套一个grid,如何禁用grid的滑动事件
3010浏览 • 1回复 待解决
HarmonyOS List嵌套Grid,Grid怎么自适应高度
1003浏览 • 1回复 待解决
HarmonyOS List嵌套List和List嵌套Grid问题
426浏览 • 1回复 待解决
HarmonyOS Scroll 嵌套 RelativeContainer 问题
886浏览 • 1回复 待解决
HarmonyOS Scroll嵌套RelativeContainer 问题
724浏览 • 1回复 待解决
下文本到边界尾部显示展开全部这种效果怎么实现?然后点击展开文本
609浏览 • 0回复 待解决
scroll和list的嵌套滑动
2080浏览 • 1回复 待解决
HarmonyOS Scroll+web+list的嵌套滑行
334浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List的滑动问题
295浏览 • 1回复 待解决
HarmonyOS Scroll嵌套Web,Web内容高度自适应,整体页面一起滚动
441浏览 • 1回复 待解决
HarmonyOS 列表拼接滑动问题: 例如Column的子组件是3个Grid, 如何滑动, 使用Scroll嵌套没有成功
416浏览 • 1回复 待解决
HarmonyOS Scroll嵌套web手势冲突
286浏览 • 1回复 待解决
Scroll与WaterFlow滑动嵌套
1554浏览 • 1回复 待解决
HarmonyOS RichText设置高度后,内容无法全部展示
332浏览 • 1回复 待解决
HarmonyOS Web嵌套在List中,如何让web全部展示不滚动
399浏览 • 1回复 待解决
HarmonyOS scroll嵌套组件,如何实现子组件置顶
303浏览 • 1回复 待解决
获取组件尺寸参考链接:
https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-component-area-change-event-V5#onareachange