HarmonyOS 鸿蒙Next List 下 RichText 的滑动冲突问题

发布于 1周前 作者 yuanlaile 来自 鸿蒙OS

HarmonyOS 鸿蒙Next List 下 RichText 的滑动冲突问题

ListItem() {
RichText(this.mRecommendItemBean.content)
.width(“92%”)
.size({ width: “100%” })
.height(“360vp”)
.onStart(()=>{
Logger.error(" 网页开始 “)
})
.onComplete(()=>{
Logger.error(” 网页加载完毕哦 ")
})
}.visibility(this.mRecommendItemBean.contentType == 2 ? Visibility.Visible : Visibility.None)
.layoutWeight(1)

代码如上:

遇到的问题是 :如果RichText的高度充满了整屏幕,那下面还有的ListItem()内容就无法展示了。

设置一个360vp的高度,底部下的则可以展示出来。
RichText未提供滑动冲突问题
 

3 回复

是RichText的高度充满了整屏幕时,List无法滑动吗?这里的RichText的高度充满了整屏幕是主动设置height为100%,还是RichText的内容比较多充满整改屏幕?

可以试一下通过设置hitTestBehavior(HitTestMode.None)可禁止RichText响应触摸,实现不滚动。
文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-hit-test-behavior-V5#hittestbehavior

RichText(...)
  .width('100%')
  .backgroundColor(Color.Transparent)
  .hitTestBehavior(HitTestMode.None) 
是RichText的内容比较多充满整屏幕

针对HarmonyOS鸿蒙Next中List下RichText的滑动冲突问题,这通常是由于组件间的手势识别与事件处理机制造成的。在鸿蒙系统中,List组件和RichText组件可能因触摸事件的处理优先级而产生冲突,导致滑动不畅。

为解决这一问题,建议检查List组件和RichText组件的嵌套关系及触摸事件处理逻辑。确保List组件的滑动事件能够正确响应,同时避免RichText组件的触摸事件干扰到List的滑动。此外,可以查阅鸿蒙系统的官方文档,了解关于组件嵌套和触摸事件处理的最佳实践。

若问题依旧存在,可能是系统或框架层面的复杂问题,建议直接联系官网客服进行反馈。官网地址是:https://www.itying.com/category-93-b0.html ,他们将能提供更专业的技术支持和解决方案。

回到顶部