当Scroll里嵌套了List后,List的滑动与Scroll的滑动冲突了,如何解决这个冲突?

当Scroll里嵌套了List后,List的滑动与Scroll的滑动冲突了,如何解决这个冲突?

HarmonyOS
2024-07-05 18:01:08
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
退休的程序员
1

使用nestedScroll可以解决滑动冲突的问题

 .nestedScroll({ scrollForward: NestedScrollMode.PARENT_FIRST, scrollBackward: NestedScrollMode.SELF_FIRST })

NestedScrollMode设置为PARENT_FIRST时,父组件先滚动,滚动至边缘后List滚动。

 NestedScrollMode设置成SELF_FIRST时,List滚动到页面边缘后,父组件继续滚动。

Column({ space: 8 }) {
  Scroll() {
    Column() {
      Text("Header")
        .width("96%")
        .height(150)
        .backgroundColor(Color.Orange)
      List() {
        ForEach(this.arr, (item: string) => {
          ListItem() {
            Text(item).margin(10)
              .padding(20)
              .width("96%")
              .backgroundColor(Color.Gray)
          }
        })
      }.height("100%")
      .nestedScroll({ scrollForward: NestedScrollMode.PARENT_FIRST, scrollBackward: NestedScrollMode.SELF_FIRST })
    }
  }.layoutWeight(1)
}.width('100%')
.height("100%")
.justifyContent(FlexAlign.Center)

修改前

修改后

分享
微博
QQ
微信
回复
2024-07-06 10:55:16
相关问题
HarmonyOS Scroll嵌套List滑动事件冲突
376浏览 • 1回复 待解决
scrolllist嵌套滑动
2034浏览 • 1回复 待解决
HarmonyOS list嵌套MapComponent滑动冲突
216浏览 • 1回复 待解决
Scroll内Flex加宽高滑动冲突
2291浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List滑动问题
260浏览 • 1回复 待解决
HarmonyOS scrolllist滚动冲突
776浏览 • 1回复 待解决
HarmonyOS scroll嵌套List不能整体滑动
862浏览 • 1回复 待解决
HarmonyOS scroll嵌套list页面无法滑动
502浏览 • 1回复 待解决
HarmonyOS Tabs和横向Scroll滑动冲突
394浏览 • 1回复 待解决
ScrollWaterFlow滑动嵌套
1495浏览 • 1回复 待解决
HarmonyOS List+Swipe+web滑动冲突
362浏览 • 1回复 待解决
HarmonyOS Scroll嵌套web手势冲突
269浏览 • 1回复 待解决
滑动嵌套事件冲突处理
624浏览 • 0回复 待解决
Web和List嵌套手势冲突问题
1243浏览 • 1回复 待解决
HarmonyOS Refresh组件嵌套滑动冲突问题
1434浏览 • 1回复 待解决