HarmonyOS 鸿蒙Next column如何嵌套scroll

发布于 1周前 作者 yibo5220 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next:column如何嵌套scroll

我想实现上面tab下面scroll这种结构的布局,该如何实现呢?如图代码这样嵌套,scroll却不能滑动了。请问该怎么办

cke_162.png

3 回复

Scroll下需要有一个Column才能滑动,另外你是不是想要下面官方【示例3】的效果?

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-scroll-V5

cke_1177.png

用flex嵌套即可

cke_142.png

在HarmonyOS(鸿蒙)开发中,实现列(column)内嵌套滚动视图(scroll)通常涉及使用ScrollViewNestedScrollView组件。你可以将ScrollViewNestedScrollView作为Column的子组件,并在其中放置需要滚动的内容。确保ScrollViewNestedScrollView内部的内容高度超过了其可视区域,以触发滚动效果。

注意,嵌套滚动时可能会遇到滚动冲突问题,特别是当多个滚动组件嵌套时。在这种情况下,你可能需要调整滚动组件的滚动策略或监听滚动事件来手动控制滚动行为。

如果问题依旧没法解决请加我微信,我的微信是itying888。

回到顶部