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滑动事件
902浏览 • 1回复 待解决
scroll中嵌套一个或多个grid,如何实现嵌套滚动?
3943浏览 • 1回复 待解决
HarmonyOS Scroll中嵌套Grid组件的时候,Grid必须要设置height高度吗
950浏览 • 1回复 待解决
HarmonyOS 关于Scroll中如何实现 横向+纵向滚动的功能
2434浏览 • 1回复 待解决
HarmonyOS Scroll容器内部嵌套2个Waterflow组件,滑动条嵌套设置不生效
1010浏览 • 1回复 待解决
HarmonyOS Scroll嵌套Scroll,外部的Scroll无法滚动
1080浏览 • 1回复 待解决
Scroll嵌套web,如何实现可以流畅的滑动,Web内容高度会变化
1199浏览 • 1回复 待解决
ArkTS中Grid,WaterFlow嵌套到Scroll组件中高度无限高问题
978浏览 • 1回复 待解决
HarmonyOS Tabs嵌套Grid问题
916浏览 • 1回复 待解决
HarmonyOS List嵌套Grid,Grid怎么自适应高度
1606浏览 • 1回复 待解决
Scroll里面套一个grid,如何禁用grid的滑动事件
3895浏览 • 1回复 待解决
HarmonyOS Scroll 嵌套 RelativeContainer 问题
1454浏览 • 1回复 待解决
HarmonyOS List嵌套List和List嵌套Grid问题
1233浏览 • 1回复 待解决
HarmonyOS Scroll嵌套RelativeContainer 问题
1251浏览 • 1回复 待解决
scroll和list的嵌套滑动
3000浏览 • 1回复 待解决
HarmonyOS Scroll嵌套Web,Web内容高度自适应,整体页面一起滚动
1132浏览 • 1回复 待解决
HarmonyOS Scroll+web+list的嵌套滑行
869浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List的滑动问题
1061浏览 • 1回复 待解决
下文本到边界尾部显示展开全部这种效果怎么实现?然后点击展开文本
1090浏览 • 1回复 待解决
HarmonyOS Scroll嵌套web手势冲突
861浏览 • 1回复 待解决
HarmonyOS 列表拼接滑动问题: 例如Column的子组件是3个Grid, 如何滑动, 使用Scroll嵌套没有成功
906浏览 • 1回复 待解决
HarmonyOS scroll嵌套组件,如何实现子组件置顶
1345浏览 • 1回复 待解决
Scroll与WaterFlow滑动嵌套
2821浏览 • 1回复 待解决
HarmonyOS Scroll嵌套list,scrollToItemInGroup不执行
2393浏览 • 1回复 待解决
HarmonyOS Web嵌套在List中,如何让web全部展示不滚动
1024浏览 • 1回复 待解决
获取组件尺寸参考链接:
https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-component-area-change-event-V5#onareachange