HarmonyOS 鸿蒙Next中快应用实现抖音垂直滑动问题

HarmonyOS 鸿蒙Next中快应用实现抖音垂直滑动问题 当用uni app打出来的华为快应用 其中使用到了swiper+video 但是实际使用时候效果swiper滑动不了 而video应该是在图层最上方 uniapp vue代码大致如下:

<swiper current="0" style="height: 100vh;" vertical="true">
    <video id="0" src="xxxx" style="height: 100%;width: 100%;">
    </video>
    <video id="1" src="xxxxxx" style="height: 100%;width: 100%;">
    </video>
    <video id="2" src="xxxxxx" style="height: 100%;width: 100%;">
    </video>
</swiper>

这段代码如果用华为快应用开发者工具 就不会出现上述问题 可以正常垂直滑动


更多关于HarmonyOS 鸿蒙Next中快应用实现抖音垂直滑动问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

开发者您好，您的问题需要进一步分析，请添加快应用QQ：2851508921，谢谢。

更多关于HarmonyOS 鸿蒙Next中快应用实现抖音垂直滑动问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


加了 但是对方通过验证好慢，

在HarmonyOS鸿蒙Next中，实现抖音式垂直滑动效果可以通过以下步骤：

  1. 布局设计：使用ListContainer或RecyclerView作为主容器，每个子项为一个独立的视频播放界面。

  2. 视频播放：集成VideoPlayer组件用于播放视频，确保支持自动播放和暂停。

  3. 滑动监听：通过OnScrollListener监听滑动事件，判断滑动方向和距离，实现自动切换到下一个视频。

  4. 性能优化：预加载相邻视频，减少切换时的卡顿，并合理管理资源释放。

通过这些步骤，可以在鸿蒙Next中实现流畅的垂直滑动视频播放体验。

回到顶部