HarmonyOS布局之scroll

对于Scroll 布局官方讲解非常好,我在这做个总结,主要结合实际应用进行补充

Scroll --- 首先他是一个容器布局,所有的容器布局都可包含子布局,因此scroll 布局也可包含子组件但是(他只能包含一个子组件 ),

这里面有一个概念,容器的内有一个子组件,比如京东的首页可滑动的区域为黑色的部分,而整体的黑色区域又分为banner区域,金刚区域,商品展示形式1区域,和商品展示2区域,(顶部的tabs没有写出来,也属于滑动区域)

**仅仅banner 区域就有3个image, 怎么会是滑动的区域只有一个组件呢?

所以这里有个细节:所有的容器组件内如果有另一个容器组件A,那么这个A就属于这个父容器的单个组件,而容器A内可以有多个容器组件。**并且容器A内可以有多个容器,但是如果滑动组件里面有容器A,和容器B两个组件,滑动的区域只有容器A例如:

以上滑动容器scroll 组件包含了两个容器组件,分别为column() 容器A 和column() 容器B,滑动的后的结果只展示容器A,*那么如何能将容器B的内容也进行滑动?
答:将容器B的放入容器A
,成为容器A的子组件如下图

备注:容器想滑动,必须子组件的内容大于一屏幕

相关推荐
伍哥的传说1 天前
鸿蒙系统(HarmonyOS)应用开发之手势锁屏密码锁(PatternLock)
前端·华为·前端框架·harmonyos·鸿蒙
伍哥的传说2 天前
鸿蒙系统(HarmonyOS)应用开发之实现电子签名效果
开发语言·前端·华为·harmonyos·鸿蒙·鸿蒙系统
HarmonyOS小助手13 天前
京东正式开源Taro on HarmonyOS C-API 版本,为鸿蒙应用跨端开发提供高性能框架
harmonyos·鸿蒙·harmonyos next·harmonyos 5.0·鸿蒙5·鸿蒙生态
在人间耕耘14 天前
鸿蒙云函数与云数据库开发实践
鸿蒙
呆dai~16 天前
基于原生能力的键盘控制
harmonyos·鸿蒙
知然20 天前
鸿蒙 Native API 的封装库 h2lib_arkbinder
c++·arkts·鸿蒙
Francek Chen24 天前
【华为Pura80系列】鸿蒙生态再升级:Pura 80 系列影像突破,WATCH 5 开启智能手表新纪元
华为·harmonyos·鸿蒙·智能手表·pura80·watch 5
编号:051725 天前
【HarmonyOS 5.0】开发实战:从UI到Native全解析
鸿蒙·devecostudio·harmonyos5.0
萌虎不虎1 个月前
【鸿蒙在 ETS (Extendable TypeScript) 中创建多级目录或文件,可以使用鸿蒙的文件系统 API】
鸿蒙
颜颜yan_1 个月前
【HarmonyOS5】UIAbility组件生命周期详解:从创建到销毁的全景解析
架构·harmonyos·鸿蒙·鸿蒙系统