HarmonyOS 滑动冲突问题
大概是下面这样的结构实现附件中的功能。Column是自定义的下拉刷新和加载更多组件。
Scroll{
Row().height(200)
Tabs() {
TabContent() {
Column(){
} .parallelGesture(PanGesture(new PanGestureOptions({ direction: PanDirection.Up | PanDirection.Down }))
}
TabContent() {
Column(){
} .parallelGesture(PanGesture(new PanGestureOptions({ direction: PanDirection.Up | PanDirection.Down }))
}
}
}
在Column上滑动的时候,优先让外部的scroll接受竖直方向的滚动事件。当外部不能滚动时,内部Column才能接受滚动事件。这个该怎么处理呢?怎么给Column实现类似List的下面的方法:
.nestedScroll({
scrollForward: NestedScrollMode.PARENT_FIRST,
scrollBackward: NestedScrollMode.PARENT_FIRST
})
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS Refresh组件嵌套滑动冲突问题
899浏览 • 1回复 待解决
HarmonyOS List+Swipe+web滑动冲突
108浏览 • 1回复 待解决
List、Scroll、Swipper 、web等嵌套使用滑动冲突问题
951浏览 • 1回复 待解决
滑动嵌套事件冲突处理
250浏览 • 0回复 待解决
huawei watch 3 java开发滑动退出当前ability与横向滑动控件冲突的问题
8277浏览 • 1回复 待解决
当Web与List同时嵌套使用,会出现滑动冲突问题,怎么解决
1707浏览 • 1回复 待解决
Scroll内Flex加宽高与滑动冲突
2051浏览 • 1回复 待解决
当Scroll里嵌套了List后,List的滑动与Scroll的滑动冲突了,如何解决这个冲突?
1425浏览 • 1回复 待解决
HarmonyOS list组件包含tab组件上下滑动冲突解决方案
245浏览 • 1回复 待解决
webView 的左右滑动 和 pageslide冲突如何处理
5707浏览 • 1回复 待解决
事件分发冲突问题,如何解决?
383浏览 • 1回复 待解决
Web和List嵌套手势冲突问题
967浏览 • 1回复 待解决
HarmonyOS list滑动问题
779浏览 • 1回复 待解决
HarmonyOS Slider滑动问题
309浏览 • 1回复 待解决
HarmonyOS scroll滑动问题
432浏览 • 1回复 待解决
HarmonyOS 嵌套滑动问题
291浏览 • 1回复 待解决
HarmonyOS list 嵌套web滑动切换问题
453浏览 • 1回复 待解决
ArkTS UI的List和集合List冲突的问题
294浏览 • 1回复 待解决
如何自定义处理父子组件间的事件传递,例如,如何解决滑动冲突
1762浏览 • 1回复 待解决
关系型数据库插入已有的数据冲突问题
207浏览 • 1回复 待解决
HarmonyOS scroll和list滚动冲突
354浏览 • 1回复 待解决
HarmonyOS Tabs和Web嵌套左右滑动问题
312浏览 • 1回复 待解决
HarmonyOS Grid拖动排序和长按冲突
444浏览 • 2回复 待解决
滑动冲突了。
703浏览 • 1回复 待解决
列表滑动惯性处理问题
247浏览 • 1回复 待解决
可以在Column容器中嵌套Scroll 。
参考demo:
可以看一下NestedScrollMode。进行不同的组合。在上划和下划的时候进行不同的设置。
SELF_ONLY 只自身滚动,不与父组件联动。
SELF_FIRST 自身先滚动,自身滚动到边缘以后父组件滚动。
父组件滚动到边缘以后,如果父组件有边缘效果,则父组件触发边缘效果,否则子组件触发边缘效果。PARENT_FIRST 父组件先滚动,父组件滚动到边缘以后自身滚动。自身滚动到边缘后,如果有边缘效果,会触发自身的边缘效果,否则触发父组件的边缘效果。
PARALLEL 自身和父组件同时滚动,自身和父组件都到达边缘以后,如果自身有边缘效果,则自身触发边缘效果,否则父组件触发边缘效果。
参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-scroll-V5#nestedscrollmode10枚举说明