当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
相关问题
scrolllist嵌套滑动
1299浏览 • 1回复 待解决
Scroll内Flex加宽高滑动冲突
1984浏览 • 1回复 待解决
HarmonyOS scrolllist滚动冲突
236浏览 • 1回复 待解决
HarmonyOS scroll嵌套List不能整体滑动
228浏览 • 1回复 待解决
ScrollWaterFlow滑动嵌套
880浏览 • 1回复 待解决
滑动嵌套事件冲突处理
180浏览 • 0回复 待解决
Web和List嵌套手势冲突问题
884浏览 • 1回复 待解决
HarmonyOS Refresh组件嵌套滑动冲突问题
717浏览 • 1回复 待解决
refresh + scroll+list嵌套问题
245浏览 • 1回复 待解决
HarmonyOS 滑动冲突问题
234浏览 • 1回复 待解决
HarmonyOS list 嵌套web滑动切换问题
341浏览 • 1回复 待解决
HarmonyOS List嵌套waterflow滑动卡顿
181浏览 • 1回复 待解决
ArkTS UIList和集合List冲突问题
178浏览 • 1回复 待解决
如何屏蔽List滑动事件
2259浏览 • 1回复 待解决