在半模态中嵌套List组件,下滑到底关闭半模态组件

在半模态中嵌套List组件,下滑到底关闭半模态组件


HarmonyOS
2024-08-01 09:42:06
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
失望的满天星

在API version 12之前,当半模态面板嵌套滚动组件并在滚动组件上设置嵌套模式时,无法实现联动效果。如果内容位于顶部,对于多档位情况下,无法通过上下滑动切换挡位;对于单挡位情况,无法通过下滑关闭半模态面板。

从API version 12开始,当半模态面板嵌套滚动组件并在滚动组件上设置嵌套模式时,实现了联动效果。对于内容位于顶部的情况,多档位时可以通过上下滑动切换挡位;单挡位时可以通过下滑关闭半模态面板。

private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
@Builder
myBuilder() {
  Column() {
    List({ space: 20, initialIndex: 0 }) {
        ForEach(this.arr, (item: number) => {
          ListItem() {
            Text('' + item)
              .width('100%')
              .height(100)
              .fontSize(16)
              .textAlign(TextAlign.Center)
              .borderRadius(10)
              .backgroundColor(0xFFFFFF)
          }
        }, (item: string) => item)
      }
排列方向
      .edgeEffect(EdgeEffect.None)
      .nestedScroll({
        scrollForward: NestedScrollMode.PARENT_FIRST,
        scrollBackward: NestedScrollMode.SELF_FIRST
嵌套模式
      .backgroundColor(Color.Gray)
      .width('90%')
      .height('100%')
  }
}
分享
微博
QQ
微信
回复
2024-08-01 18:26:28
相关问题
应用怎么实现模态效果
2183浏览 • 1回复 待解决
基于bindSheet的模态弹窗
866浏览 • 1回复 待解决
模态转场如何控制固定高度
1844浏览 • 1回复 待解决
如何固定模态转场的高度
393浏览 • 1回复 待解决
CustomDialog如何实现模态详情页效果
1666浏览 • 1回复 待解决
模态转场来实现弹框样式的页面
793浏览 • 1回复 待解决