[HarmonyOS Next示例代码]Web组件嵌套滑动

Web组件嵌套滑动

简介

本篇在Scroll滚动组件中嵌套了一个Web组件，通过nestedScroll进行滚动拦截，实现了一个文章详情展示案例。效果如下：

工程目录

├──entry/src/main/ets/
│  ├──common/constant
│  │  └──CommonConstants.ets            // 公共常量类
│  ├──entryability
│  │  └──EntryAbility.ets               // 程序入口类
│  ├──page                  
│  │  └──Index.ets                      // 首页
│  └──viewmodel                  
│     └──InitialData.ets                // 数据
└──entry/src/main/resource              // 应用静态资源目录

相关概念

• Scroll：可滚动的容器组件，当子组件的布局尺寸超过父组件的视口时，内容可以滚动。
• Web: 提供具有网页显示能力的Web组件。

相关权限

不涉及

使用说明

1. 启动应用，web组件自适应。
2. 上下滑动展示区域。

约束与限制

1. 本示例仅支持标准系统上运行，支持设备：华为手机。

2. HarmonyOS系统：HarmonyOS NEXT Developer Beta1及以上。

3. DevEco Studio版本：DevEco Studio NEXT Developer Beta1及以上。

4. HarmonyOS SDK版本：HarmonyOS NEXT Developer Beta1 SDK及以上。