HarmonyOS CustomDialog加上constraintSize约束高度.,配合List出现滑动不能到底的问题
使用CustomDialog,弹窗主体是一个Column,给这个Column设置了最大高度60%,Column内部含有一个标题和一个List,似乎在这个弹窗高度超过60%,触发约束条件时,内部的List会无法滑到底,List的最后一块内容会被隐藏一部分。
Demo如下index.ets. 直接运行,点击添加数据控制弹窗大小,当添加数据>=3条时,弹窗内部的List无法滑到底:
@Entry
@Component
export struct DialogDemo {
@State data: number[] = [];
n: number = 0;
build() {
Column({ space: 12 }) {
Text('数据:' + this.data.toString())
Button('增加数据')
.onClick(() => {
this.data.push(this.n++)
})
Button('删除数据')
.onClick(() => {
this.data.pop()
})
Button('点击弹窗 最大高度40%')
.onClick(() => {
const carListDialogController: CustomDialogController = new CustomDialogController({
builder: MyDialog({ data: this.data }),
alignment: DialogAlignment.Bottom,
customStyle: true,
})
carListDialogController.open()
})
}
.justifyContent(FlexAlign.Center)
.alignItems(HorizontalAlign.Center)
.height('100%')
.width('100%')
}
}
@Component
@CustomDialog
export struct MyDialog {
data: number[] = []
controller: CustomDialogController;
build() {
Column() {
//标题
Text('MyDialog')
.width('100%')
.fontSize(16)
.fontWeight(700)
.padding(12)
.borderWidth(2)
.borderColor(Color.Yellow)
//List - 每个number一个块
List({ space: 12 }) {
ForEach(this.data, (num: number, _: number) => {
ListItem() {
Text(num.toString())
}.height(200)
.width('100%')
.borderWidth(5)
.borderColor(Color.Blue)
})
} //List
.edgeEffect(EdgeEffect.None)
.scrollBar(BarState.Off)
} //Column
.backgroundColor(Color.White)
.borderWidth(2)
.borderColor(Color.Red)
.constraintSize({ maxHeight: '60%' })
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
如何解决列表组件List在不设置高度的情况下滑动不到底的问题
2338浏览 • 1回复 待解决
HarmonyOS List组件如何监听滑动到底部?
990浏览 • 1回复 待解决
web组件和list嵌套滚动,在出现list后向下滑动,出现web滑动list不动的情况
2154浏览 • 1回复 待解决
HarmonyOS 设置safeAreaView后,页面不能滑动到底部
184浏览 • 1回复 待解决
scroll包裹list,scroll可以响应滑动,list不能响应滑动
1352浏览 • 1回复 待解决
HarmonyOS scroll嵌套List不能整体滑动
751浏览 • 1回复 待解决
HarmonyOS List(A)里嵌套一个List(B),往下滑动里边的B出现的问题
516浏览 • 1回复 待解决
HarmonyOS Scroll 组件内部放不确定高度的内容,如何监听页面滑动到底部,如何监听快要滑动到底部
202浏览 • 1回复 待解决
HarmonyOS list滑动问题
1018浏览 • 1回复 待解决
HarmonyOS 用Scroller不能把List滑动到最底部?
111浏览 • 1回复 待解决
ConstraintSize尺寸设置问题
770浏览 • 1回复 待解决
HarmonyOS CustomDialog通过路由打开页面出现的问题
193浏览 • 1回复 待解决
当Web与List同时嵌套使用,会出现滑动冲突问题,怎么解决
2028浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List的滑动问题
165浏览 • 1回复 待解决
HarmonyOS list 嵌套web滑动切换问题
727浏览 • 1回复 待解决
HarmonyOS list嵌套list,双重list都使用LazyForEach的时候,内层的list的item出现空白问题
195浏览 • 1回复 待解决
在DevEco Studio上,出现预览器不能使用时,到底应该如何解决?
3588浏览 • 0回复 待解决
HarmonyOS list的item拖拽到底部的时候,list无法向上滚动
614浏览 • 1回复 待解决
HarmonyOS List组件滑动限制为1页的问题
78浏览 • 1回复 待解决
customdialog在滑动后消失时,会出现一个向上的消失动效
982浏览 • 1回复 待解决
HarmonyOS LazyForEach配合@Reusable实现组件复用时,出现数据错位的情况
185浏览 • 1回复 待解决
List捏合手势会出现onActionEnd不触发的问题
1025浏览 • 1回复 待解决
HarmonyOS constraintSize在某些case下不生效问题
206浏览 • 1回复 待解决
HarmonyOS Refresh跟list组件惯性滑动问题
423浏览 • 1回复 待解决
HarmonyOS @CustomDialog不能使用@Param options
180浏览 • 1回复 待解决
高度没有设置对,list没设置高度就继承父组件高度,然后塞了个text,把list顶下去了
通过设置List的约束高度.constraintSize({maxHeight:‘calc(60% - Text组件高度)’}),显示正常