相关问题
#鸿蒙通关秘籍#利用Scroll组件如何实现内容的自适应延伸？
277浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在布局中实现自适应拉伸？
299浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现HarmonyOS Swiper组件的页面高度自适应变化？
423浏览 • 1回复 待解决
#鸿蒙通关秘籍#鸿蒙系统如何使用GridRow实现自适应布局？
277浏览 • 1回复 待解决
#鸿蒙通关秘籍#实现自适应缩放有什么方法？
265浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在鸿蒙HarmonyOS NEXT中使用Navigation组件实现页面内的自适应导航？
270浏览 • 0回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS NEXT中使用布局属性实现组件的自适应？
314浏览 • 0回复 待解决
Grid组件如何实现高度自适应
3420浏览 • 1回复 待解决
Web组件如何实现高度自适应？
1200浏览 • 1回复 待解决
#鸿蒙通关秘籍#实现鸿蒙应用界面自适应缩放的最佳方法是什么？
291浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现鸿蒙中Scroll组件的垂直滚动？
220浏览 • 1回复 待解决
#鸿蒙通关秘籍#在鸿蒙开发中如何让Row容器的子元素在水平方向上自适应拉伸？
194浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用Scroll组件实现页面滚动？
261浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何通过Scroll组件实现状态栏的透明度变化？
222浏览 • 1回复 待解决
#鸿蒙通关秘籍#鸿蒙中如何通过交叉轴方向实现子元素居中？
302浏览 • 1回复 待解决
HarmonyOS Text组件如何实现文字大小自适应？
922浏览 • 1回复 待解决
Web组件如何实现嵌套滑动，如何实现web控件的自适应高度
2670浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web的高度
25浏览 • 1回复 待解决
HarmonyOS 屏幕分辨率在不同尺寸上如何实现自适应?
502浏览 • 1回复 待解决
鸿蒙系统中的自适应布局设计如何实现?
398浏览 • 0回复 待解决
HarmonyOS Web组件嵌套在Scroll布局中或List布局中，如何实现Web组件高度根据内容自适应
609浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS NEXT中通过ArkTS的Flex布局实现自适应网格布局，同时优化性能？
330浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何根据图片设置自适应背景色？
233浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何确保Text组件中的文本在鸿蒙开发中适应不同的屏幕大小？
259浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在鸿蒙系统中实现折叠屏音乐播放器的自适应动态布局？
259浏览 • 1回复 待解决
使用Scroll组件包裹Column或Row组件可以实现垂直或水平方向上的自适应延伸，并添加滚动效果：
垂直方向滚动：
bash Scroll(this.scroller) { Column() { ForEach(this.arr, (item?:number|undefined) => { if(item){ Text(item.toString()) .width('90%') .height(150) .backgroundColor(0xFFFFFF) .borderRadius(15) .fontSize(16) .textAlign(TextAlign.Center) .margin({ top: 10 }) } }, (item:number) => item.toString()) }.width('100%') }.scrollable(ScrollDirection.Vertical).scrollBar(BarState.On).scrollBarColor(Color.Gray).scrollBarWidth(10).edgeEffect(EdgeEffect.Spring)
水平方向滚动：
bash 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%') }.scrollable(ScrollDirection.Horizontal).scrollBar(BarState.On).scrollBarColor(Color.Gray).scrollBarWidth(10).edgeEffect(EdgeEffect.Spring)