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的子组件如下图

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

相关推荐
ChinaDragonDreamer7 天前
HarmonyOS:知识点总结(一)
harmonyos·鸿蒙
加农炮手Jinx8 天前
Flutter for OpenHarmony 实战:JWT — 构建安全的无状态认证中心
网络·flutter·华为·harmonyos·鸿蒙
雷帝木木8 天前
Flutter for OpenHarmony:Flutter 三方库 money2 — 坚不可摧的鸿蒙金融核心组件
网络·flutter·http·华为·金融·harmonyos·鸿蒙
特立独行的猫a8 天前
uniapp-x的HarmonyOS鸿蒙应用开发:tabbar底部导航栏的实现
华为·uni-app·harmonyos·鸿蒙·uniapp-x
●VON8 天前
HarmonyOS应用开发实战(基础篇)Day10 -《鸿蒙网络请求实战》
网络·学习·华为·harmonyos·鸿蒙·von
●VON9 天前
HarmonyOS应用开发实战(基础篇)Day08-《构建布局详解上》
华为·harmonyos·鸿蒙·von
加农炮手Jinx11 天前
Flutter for OpenHarmony 实战:疯狂头像 App(三)— 复合动画与交互反馈 — 让 UI 跃动起来
flutter·ui·交互·harmonyos·鸿蒙
_waylau12 天前
鸿蒙架构师修炼之道-架构师设计思维特点
华为·架构·架构师·harmonyos·鸿蒙·鸿蒙系统
Betelgeuse7612 天前
【Flutter For OpenHarmony】 项目结项复盘
华为·交互·开源软件·鸿蒙
ITUnicorn13 天前
【HarmonyOS 6】进度组件实战:打造精美的数据可视化
华为·harmonyos·arkts·鸿蒙·harmonyos6