【鸿蒙ArkUI实战开发】基于webView的嵌套滚动

普通网友 普通网友 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.2k累计阅读 1.2k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄2年
关注
VIP免费 原创 最新推荐文章于 2026-03-23 03:30:00 发布 1.2k 阅读 AI 写同款· GEO 优化 ›
【HarmonyOS】webview在鸿蒙系统无点击反应 webview的activity的launchmode是singleTop类型的。在shouldOverrideUrlLoading方法中，判断url是否包含某个字段，然后替换url该字段为其他字段，然后继续打开当前activity，但是跳转不过去。设置WebViewClient 且该方法返回 true ，则说明由应用的代码处理该 url，WebView 不处理。1、在其他品牌手机没有出现这个问题，华为非鸿蒙系统也无此问题。欲了解更多更全技术文章，欢迎访问。 阅读详情

往期知识点整理

场景描述

内嵌的ArkUI可滚动容器中的Web

最低0.47元/天 解锁文章
标签
#harmonyos #ArkUI #移动开发 #鸿蒙开发 #组件化
#界面布局 #分布式
鸿蒙-webview的使用和JS交互（附源码），零基础前端开发培训 第三步打开模拟器点击登录，打开浏览器授权选择p40启动模拟器第五步开始正文接下来开始正文。应用预览：点击"打开网址"按钮会加载上方网址的Web页面，通过后退"和"前进"按钮实现Web页面间的导航。点击"加载本地网页"按钮加载本地Web页面，点击"发送消息给本地html"或者Web页面中的"调用Java方法"按钮，实现应用与Web页面间的交互。这里是http访问方式，鸿蒙的默认是https访问模式，如果您的请求网址是http开头的，可以继续查看后面的教程。1. 增加一个WebView组件。 阅读详情

相关推荐

OpenHarmony实战开发-如何使用Web组件加载页面

页面加载是Web组件的基本功能。根据页面加载数据来源可以分为三种常用场景，包括加载网络页面、加载本地页面、加载HTML格式的富文本数据。

m0_70749039的博客 1549

HarmonyOS 实战开发 —— 基于webview的嵌套滚动及与ArkUI组件的联动

在以上dom树的示例中，可以看出来父组件List中有两个listItem子组件和两个封装的web组件，封装的类里面是有一个Stack父组件以及web和column两个子组件，分别加载web页面和展开更多的文本。给web页面一个最小高度，这样就可实现以上List列表的效果，当用户想查看详情的时候，就可以点击展开更多，通过这个点击事件将web加载时拿到的页面高度在变量里取出来，赋值到web组件的高度上，这样就可以实现点击展开详情页的效果，滑动到最下面后再点击收起把web的高度恢复到最小值即可。

CTrup的博客 1164

HarmonyOS鸿蒙开发：ArkUI滚动容器-基于webView的嵌套滚动场景

内嵌在可滚动容器（Scroll、List...）中的Web组件，接收到滑动手势事件，需要对接ArkUI框架的NestedScrollMode枚举类型，使得Web组件可以嵌套ArkUI可滚动容器，进行嵌套滚动。

2401_84917132的博客 1376

鸿蒙(HarmonyOS)实战开发篇——基于webView的嵌套滚动

实现方法：通过web组件的type属性设置为1，即全量展开且嵌套滚动场景，并且layoutMode接口用来设置web页面是否全量展开，如需全量展开则设置参数为WebLayoutMode.FIT_CONTENT，nestedScroll接口用来设置web组件与上下层组件的嵌套滚动关系，推荐使用子组件优先模式（NestedScrollMode.SELF_FIRST）。整体实现效果为：页面整体为一个Scroll，Scroll中嵌套一个Tabs组件，Tabs里有多个web组件可以实现首页效果。

lc748258的博客 1475

【鸿蒙实战开发】基于webView的嵌套滚动

内嵌的ArkUI可滚动容器中的Web组件，接收到滑动手势事件，实现在父组件中嵌套一个web组件可以平滑滚动。

CTrup的博客 781

HarmonyOS 开发实践——基于webView的嵌套滚动

实现方法：通过web组件的type属性设置为1，即全量展开且嵌套滚动场景，并且layoutMode接口用来设置web页面是否全量展开，如需全量展开则设置参数为WebLayoutMode.FIT_CONTENT，nestedScroll接口用来设置web组件与上下层组件的嵌套滚动关系，推荐使用子组件优先模式（NestedScrollMode.SELF_FIRST）。整体实现效果为：页面整体为一个Scroll，Scroll中嵌套一个Tabs组件，Tabs里有多个web组件可以实现首页效果。

liuhaojiabin的博客 885

HarmonyOS 开发实践 —— 基于webview的嵌套滚动及与ArkUI组件的联动

在以上dom树的示例中，可以看出来父组件List中有两个listItem子组件和两个封装的web组件，封装的类里面是有一个Stack父组件以及web和column两个子组件，分别加载web页面和展开更多的文本。给web页面一个最小高度，这样就可实现以上List列表的效果，当用户想查看详情的时候，就可以点击展开更多，通过这个点击事件将web加载时拿到的页面高度在变量里取出来，赋值到web组件的高度上，这样就可以实现点击展开详情页的效果，滑动到最下面后再点击收起把web的高度恢复到最小值即可。

liuhaojiabin的博客 977

HarmonyOS 实战开发 —— 基于webView的嵌套滚动

实现方法：通过web组件的type属性设置为1，即全量展开且嵌套滚动场景，并且layoutMode接口用来设置web页面是否全量展开，如需全量展开则设置参数为WebLayoutMode.FIT_CONTENT，nestedScroll接口用来设置web组件与上下层组件的嵌套滚动关系，推荐使用子组件优先模式（NestedScrollMode.SELF_FIRST）。整体实现效果为：页面整体为一个Scroll，Scroll中嵌套一个Tabs组件，Tabs里有多个web组件可以实现首页效果。

CTrup的博客 784

鸿蒙5.0实战案例：基于webView的嵌套滚动

实现方法：通过web组件的type属性设置为1，即全量展开且嵌套滚动场景，并且layoutMode接口用来设置web页面是否全量展开，如需全量展开则设置参数为WebLayoutMode.FIT_CONTENT，nestedScroll接口用来设置web组件与上下层组件的嵌套滚动关系，推荐使用子组件优先模式（NestedScrollMode.SELF_FIRST）。整体实现效果为：页面整体为一个Scroll，Scroll中嵌套一个Tabs组件，Tabs里有多个web组件可以实现首页效果。

Maniu_666的博客 881

鸿蒙开发实践——基于webView的嵌套滚动

实现方法：通过web组件的type属性设置为1，即全量展开且嵌套滚动场景，并且layoutMode接口用来设置web页面是否全量展开，如需全量展开则设置参数为WebLayoutMode.FIT_CONTENT，nestedScroll接口用来设置web组件与上下层组件的嵌套滚动关系，推荐使用子组件优先模式（NestedScrollMode.SELF_FIRST）。自身和父组件同时滚动，自身和父组件都到达边缘以后，如果自身有边缘效果，则自身触发边缘效果，否则父组件触发边缘效果。只自身滚动，不与父组件联动。

android__bye的博客 732

HarmonyOS实战开发：嵌套滚动-(Web)组件

内嵌在可滚动容器（Scroll、List...）中的Web组件，接收到滑动手势事件，需要对接ArkUI框架的NestedScrollMode枚举类型，使得Web组件可以嵌套ArkUI可滚动容器，进行嵌套滚动。

DMZDAMS的博客 1503

HarmonyOS 开发实战——ArkUI组件嵌套滚动优化实践

使用Scroll嵌套Web和List组件实现。Scroll作为父组件响应滚动手势，Web和List组件禁用滚动手势，滚动偏移量由父组件Scroll给Web和List组件派发。2）如果List滚动到顶部，Scroll没有滚动到顶部，则Scroll自身滚动，不给Web和List派发滚动偏移量。2）如果web滚动到底部，Scroll没有滚动到底部，则Scroll自身滚动，不给Web和List派发滚动偏移量。1）如果web没有滚动到底部，则Scroll将滚动偏移量派发给web，Scroll组件本身不滚动。

CTrup的博客 752

国税局发票查验中英文验证码识别最新版，识别率99.9%

采用深度学习进行发票查验验证码模型的训练，在我电脑上模型训练的环境如下： 显卡：RTX 2080TI tensorflow-gpu:2.5.3 1 训练集和测试集的准备 发票查验的验证码分为4种类型，分别为黑色、红色、黄色、蓝色，经过我的测试，采用4个模型的效果最好，每个模型对应识别一种类型的验证码。 首先我们4种类型的验证码都准备10万张。 00黑色类型的验证码： 01红色类型的验证码： 02黄色类型的验证码： 03蓝色类型的验证码： 验证码图像图像准备好后，对其进行标记，也就是对验证码重命名：

Keras深度学习 83万+

嵌入式设备系统日志记录及调试技巧_嵌入式日志系统(1)，如何成为杰出的程序员

这里面我使用的芯片为哈弗体系，全局常量存储编译器默认分配在flash，需要注意如果使用片内flash时，注意存储调试等级的flash块不要与代码区重合，要不然修改调试等级擦除flash块同时PC指针指向当前块的代码区，会导致仪器死机；这个也是之前用的比较多的，以上代码是模仿linux 内核的写法，可以比较好的做到日志信息分层，编译时相加对应的编译开关即可。但有个弊端就是，切换debug等级时，需要重新编译且需更新固件，而嵌入式设备出现异常后更新固件往往复位后，故障有时很难复现，调试起来比较浪费时间。

2401_84240431的博客 1293

【事件相机实战】噪声识别与智能滤波技术解析

本文深入解析了事件相机应用中关键的噪声识别与智能滤波技术。针对背景活动噪声、阈值波动噪声、热点噪声及运动边缘尾迹等核心噪声类型，文章剖析了其成因与特征，并详细介绍了从经典的时空相关性滤波、热点像素滤除到前沿的深度学习（如EDnCNN）等实战滤波方法，旨在帮助开发者在保证低延迟的前提下，有效提升事件流数据质量。

weixin_29169899的博客 439

V.PhyloMaker实战：从物种列表到维管束植物系统发育树的完整流程

本文详细介绍了使用V.PhyloMaker工具包，从物种列表快速构建维管束植物系统发育树的完整实战流程。内容涵盖R包安装、物种名标准化、核心函数phylo.maker的三种构建方案选择、结果树的可视化与导出，以及与picante包的联动分析，为生态学和生物地理学研究提供了高效解决方案。

weixin_29057237的博客 375

安卓新奇玩机工具全攻略___联发科MTK v6 限时免费 刷写固件工具操作

摘要：该文介绍一款限时免费的联发科V6刷机工具，支持小米、Vivo、Moto等多品牌设备，包括红米Note14Pro等机型（Klimt/Goya等代码）。工具需注册使用，提供EFS分区备份功能。作者提示工具可能触发杀毒警报，强调禁止非法用途，并说明部分联网工具可能失效。

小马哥的专栏 1318

直流无刷电机FOC控制算法 理论到实践 —— 实践

关于直流无刷电机FOC控制算法的理论章节，本人已经在前两章进行过详细说明，大家可以自行进行阅读，请务必了解过理论之后再来学习如何具体进行实现。直流无刷电机FOC控制算法 理论到实践 —— 理论（一）直流无刷电机FOC控制算法 理论到实践 —— 理论（二）本章节主要讨论采用MCU微控制器如何具体实现直流无刷电机的FOC控制。

爱出名的狗腿子 1万+

【Block总结】DiffAttention，差分注意力融入CLIP架构，抑制噪声，增强对相关特征的关注|即插即用

DiffCLIP通过微小的结构改动实现了显著的性能提升，为多模态模型的轻量化与高效化提供了新范式。

AI浩 1561

数据分享｜1961-2017年中国0.25°×0.25° 逐日地表水文数据集(VIC-CN05.1)

其中，全球径流中心（University of New Hampshire and Global Runoff Data Centre, UNH/GRDC）的复合产流场集成了观测的河道径流和水量平衡模式模拟的地表和地下径流，常被用来评估模拟的径流。在长白山、海北灌丛和千烟洲通量站，模拟与观测的逐月潜热通量的平均NSE为0.61。VIC-CN05.1受益于较准确的大气驱动场、先进的地表水文参数化方案以及更真实丰富的土壤信息，可作为中国水文气象研究的参照数据，用于陆面模式的评估和长期的趋势分析等。

J_Giser的博客 1832

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章，有部分习题没有答案，全英文复分析阿尔福斯(Ahlfors) 第三版答案

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android：LinePhone3.2.7(最新版本)，官网地址：http://www.linphone.org/

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员，提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列，各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性，请参见数据手册。有关 ARM Cortex™-M4F 内核的信息，请参见《Cortex™-M4F 技术参考手册》。

NTscan扫描工具

ntscan是一个扫描器，可以扫描没有密码和弱密码的共享，先到配置文件中填写猜测的用户名和密码，扫描过程中右侧出现的是扫描日志。
上一篇： 【鸿蒙ArkUI实战开发】基于tabs实现页面布局
下一篇： 【鸿蒙ArkUI实战开发】基于原生的水印添加能力
点赞 9
评论 0
书签 书签 8
普通网友
普通网友
博客等级 码龄2年 7013粉丝 723原创
+ 关注 专栏目录
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值