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滑动事件
930浏览 • 1回复 待解决
scroll中嵌套一个或多个grid,如何实现嵌套滚动?
4149浏览 • 1回复 待解决
HarmonyOS Scroll中嵌套Grid组件的时候,Grid必须要设置height高度吗
988浏览 • 1回复 待解决
HarmonyOS 关于Scroll中如何实现 横向+纵向滚动的功能
2570浏览 • 1回复 待解决
HarmonyOS Scroll容器内部嵌套2个Waterflow组件,滑动条嵌套设置不生效
1037浏览 • 1回复 待解决
HarmonyOS Scroll嵌套Scroll,外部的Scroll无法滚动
1155浏览 • 1回复 待解决
Scroll嵌套web,如何实现可以流畅的滑动,Web内容高度会变化
1253浏览 • 1回复 待解决
ArkTS中Grid,WaterFlow嵌套到Scroll组件中高度无限高问题
1030浏览 • 1回复 待解决
HarmonyOS Tabs嵌套Grid问题
974浏览 • 1回复 待解决
HarmonyOS List嵌套Grid,Grid怎么自适应高度
1643浏览 • 1回复 待解决
Scroll里面套一个grid,如何禁用grid的滑动事件
3986浏览 • 1回复 待解决
HarmonyOS List嵌套List和List嵌套Grid问题
1304浏览 • 1回复 待解决
HarmonyOS Scroll 嵌套 RelativeContainer 问题
1530浏览 • 1回复 待解决
HarmonyOS Scroll嵌套RelativeContainer 问题
1286浏览 • 1回复 待解决
scroll和list的嵌套滑动
3069浏览 • 1回复 待解决
HarmonyOS Scroll嵌套Web,Web内容高度自适应,整体页面一起滚动
1189浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List的滑动问题
1100浏览 • 1回复 待解决
HarmonyOS Scroll+web+list的嵌套滑行
913浏览 • 1回复 待解决
下文本到边界尾部显示展开全部这种效果怎么实现?然后点击展开文本
1130浏览 • 1回复 待解决
HarmonyOS 列表拼接滑动问题: 例如Column的子组件是3个Grid, 如何滑动, 使用Scroll嵌套没有成功
937浏览 • 1回复 待解决
HarmonyOS Scroll嵌套web手势冲突
891浏览 • 1回复 待解决
HarmonyOS scroll嵌套组件,如何实现子组件置顶
1502浏览 • 1回复 待解决
Scroll与WaterFlow滑动嵌套
3025浏览 • 1回复 待解决
HarmonyOS Scroll嵌套list,scrollToItemInGroup不执行
2580浏览 • 1回复 待解决
HarmonyOS List组件不能嵌套Grid组件吗
938浏览 • 1回复 待解决
获取组件尺寸参考链接:
https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-component-area-change-event-V5#onareachange