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

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

HarmonyOS
2024-07-05 18:01:08
3175浏览
收藏 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)
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.

修改前

修改后

分享
微博
QQ
微信
回复
2024-07-06 10:55:16


相关问题
HarmonyOS Scroll嵌套List滑动事件冲突
455浏览 • 1回复 待解决
scrolllist嵌套滑动
2168浏览 • 1回复 待解决
HarmonyOS list嵌套MapComponent滑动冲突
282浏览 • 1回复 待解决
Scroll内Flex加宽高滑动冲突
2358浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List滑动问题
370浏览 • 1回复 待解决
HarmonyOS scrolllist滚动冲突
825浏览 • 1回复 待解决
HarmonyOS scroll嵌套List不能整体滑动
973浏览 • 1回复 待解决
HarmonyOS scroll嵌套list页面无法滑动
787浏览 • 1回复 待解决
HarmonyOS Tabs和横向Scroll滑动冲突
497浏览 • 1回复 待解决
ScrollWaterFlow滑动嵌套
1619浏览 • 1回复 待解决
HarmonyOS List+Swipe+web滑动冲突
423浏览 • 1回复 待解决
HarmonyOS Scroll嵌套web手势冲突
359浏览 • 1回复 待解决
滑动嵌套事件冲突处理
686浏览 • 0回复 待解决
Web和List嵌套手势冲突问题
1347浏览 • 1回复 待解决