#鸿蒙通关秘籍#利用Scroll组件如何实现内容的自适应延伸?

HarmonyOS
2024-12-10 10:41:30
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
BinaryBard

可以通过在Row或Column外层包裹一个Scroll组件来使超出页面的内容可滚动显示,实现自适应延伸。

bash @Entry @Component struct ScrollExample { scroller: Scroller = new Scroller(); private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];

build() { Scroll(this.scroller) { Row() { ForEach(this.arr, (item?:number|undefined) => { if(item){ Text(item.toString()) .height('90%') .width(150) .backgroundColor(0xFFFFFF) .borderRadius(15) .fontSize(16) .textAlign(TextAlign.Center) .margin({ left: 10 }) } }) }.height('100%') } .backgroundColor(0xDCDCDC) .scrollable(ScrollDirection.Horizontal) // 滚动方向为水平方向 .scrollBar(BarState.On) // 滚动条常驻显示 .scrollBarColor(Color.Gray) // 滚动条颜色 .scrollBarWidth(10) // 滚动条宽度 .edgeEffect(EdgeEffect.Spring) // 滚动到边沿后回弹 } }

分享
微博
QQ
微信
回复
2024-12-10 13:05:06
相关问题
HarmonyOS Grid组件能否自适应内容高度?
169浏览 • 1回复 待解决
Grid组件如何实现高度自适应
3420浏览 • 1回复 待解决
Web组件如何实现高度自适应
1200浏览 • 1回复 待解决
HarmonyOS List高度根据内容自适应
287浏览 • 1回复 待解决
HarmonyOS Grid高度根据内容自适应
225浏览 • 1回复 待解决
HarmonyOS web高度自适应内容高度
288浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web高度
28浏览 • 1回复 待解决