HarmonyOS @ohos/MpChart如何实现允许parent左右滑动禁止parent上下滑动
Consulting description:@ohos/MpChart如何实现允许parent左右滑动禁止parent上下滑动 (HitTestMode.Block会阻止LineChart滑动,也会阻止parent上下和左右滑动)
Scenario:
child is LineChart:
build() {
Column() {
LineChart({ model: this.line })
.width(FULL)
.height(CHART_HEIGHT)
.hitTestBehavior(HitTestMode.Block)
}
}
parent is tabs:
@Builder
TabsComponent() {
// tabs
Tabs() {
// weight
TabContent() {
Scroll() {
MineWeightComponent()
.padding({ top: 1, bottom: 120, })
}
.height(FULL)
.scrollBar(BarState.Off)
.nestedScroll({
scrollForward: NestedScrollMode.PARENT_FIRST,
scrollBackward: NestedScrollMode.SELF_FIRST,
})
}
.tabBar(this.tabBuilder(0, CommonConstants.TAB_NAME_1))
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
如何实现列表既可以左右滑、又可以上下滑动
1312浏览 • 1回复 待解决
HarmonyOS如何禁止页面左右滑动返回
945浏览 • 1回复 待解决
HarmonyOS List列表滑动时有报错日志:recycleNode must have a parent
301浏览 • 1回复 待解决
键盘拉起时列表无法上下滑动
2165浏览 • 1回复 待解决
HarmonyOS Swiper嵌套的页面包含Canvas时,如何让Canvas可以响应左右滑动事件,但是不响应上下滑动
45浏览 • 1回复 待解决
服务卡片可以响应上下滑动操作吗?
6916浏览 • 2回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS NEXT中实现短视频上下滑动切换?
126浏览 • 1回复 待解决
#鸿蒙通关秘籍#在HarmonyOS中如何实现上下滑动内容的页面结构?
132浏览 • 1回复 待解决
Native XComponent、Drawing、手势实现上下滑动文本和图形拖移
994浏览 • 1回复 待解决
HarmonyOS RN Scrollview可以上下滑动,是否可以禁用?
191浏览 • 1回复 待解决
HarmonyOS 如何实现类似match_parent的效果
495浏览 • 1回复 待解决
HarmonyOS list组件包含tab组件上下滑动冲突解决方案
269浏览 • 1回复 待解决
HarmonyOS Grid上下滑动的动效和需求的差距很大
45浏览 • 1回复 待解决
HarmonyOS 如何让组件实现类似MATCH_PARENT的效果?
344浏览 • 0回复 待解决
HarmonyOS 弹窗父组件的滑动事件穿透给子组件,禁止子组件滑动,允许点击事件传透
375浏览 • 0回复 待解决
如何实现复杂的列表,并且进行左右滑动切换?
6873浏览 • 1回复 待解决
tabs组件 左右滑动延迟较高
1090浏览 • 1回复 待解决
列表实现左右滑动弹出菜单,类似删除,编辑
1114浏览 • 2回复 待解决
HarmonyOS Tabs和Web嵌套左右滑动问题
347浏览 • 1回复 待解决
HarmonyOS 如何实现滑动监听?
442浏览 • 1回复 待解决
dececo layout中无center_in_parent怎么回事?
4637浏览 • 1回复 待解决
HarmonyOS如何屏蔽tab组件里面左右滑动切换的事件
912浏览 • 1回复 待解决
HarmonyOS Tabs如何实现允许左滑但是禁止右滑?
504浏览 • 1回复 待解决
给parent组件添加了.hitTestBehavior(HitTestMode.None),这个属性的效果就是 自身不响应 但是子节点和兄弟节点都还会响应,参开文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-hit-test-behavior-V5
目前替代方案是通过@Provide和@Consume状态管理,在子组件内部捕捉TouchType.Down事件,关闭Tab滑动,让LineChart响应滑动;
滑动结束后恢复Tab的滑动属性,样例代码如下: