Swiper中子组件高度不同,导致切换时UI显示异常,如何保持Swiper中子组件在高度不同时,Swiper显示不异常?

Swiper中子组件高度不同,导致切换时UI显示异常,如何保持Swiper中子组件在高度不同时,Swiper显示不异常?

HarmonyOS
2024-07-23 10:22:45
550浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
落月无痕

当Swiper不设置高度时,默认会使用子组件的高度,当切换到谁时,高度就是谁的。设置Swiper高度可以解决。

Swiper() {
  Text().width("100%")
    .backgroundColor(Color.Yellow)
    .height(100)
  Text().width("100%")
    .backgroundColor(Color.Green)
    .height(200)
}.loop(true)
.height(100)//设置Swiper高度,内部组件即使有200高度的,也会显示为100高度
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
分享
微博
QQ
微信
回复
2024-07-23 18:56:24


相关问题
HarmonyOS Swiper里面的item高度自动刷新
983浏览 • 1回复 待解决
swiper组件如何实现自定义切换动画
2012浏览 • 1回复 待解决
HarmonyOS swiper组件样式
762浏览 • 1回复 待解决
如何设置swiper指示器不显示
1541浏览 • 1回复 待解决
HarmonyOS Swiper指示器显示错误
754浏览 • 1回复 待解决
HarmonyOS 组件尺寸显示异常
694浏览 • 1回复 待解决
Swiper是否支持组件复用
1540浏览 • 1回复 待解决
Scroll容器中子组件吸顶效果
1068浏览 • 1回复 待解决