HarmonyOS 鸿蒙Next中ListItem超出List后会突然消失？

HarmonyOS 鸿蒙Next中ListItem超出List后会突然消失？ 写沉浸式页面时发现 List 子组件在滑动时会突然消失，写了一个简单的例子验证，发现 ListItem 在滑出 List 范围时会突然消失不见。例子的布局如下：

这里使用一个 List 展示所有的歌曲卡片，为了展现歌曲卡片之间的界限，采用红蓝相间的配色。粉色是 List 的背景颜色，用于确定 List 的边界。

当拖动 List 向上滑动时，第一个歌曲超出 List 的瞬间会突然消失，如图：

页面代码如下：

interface Song {
  name: string,
  author: string
}

let songs : Song[] = [{
  name: '月光润色女孩',
  author: '泠鸢yousa'
}, {
  name: 'WAVE',
  author: '松下'
}, {
  name: 'innocent starter',
  author: '水树奈奈'
}, {
  name: '被害妄想携带女子',
  author: 'GUMI'
}, {
  name: '萤梦',
  author: '泠鸢yousa'
}, {
  name: 'Invisible Heat',
  author: '水树奈奈'
}, {
  name: 'Take a shot',
  author: '水树奈奈'
}, {
  name: '勾指起誓',
  author: '泠鸢yousa'
}, {
  name: '夏恋',
  author: 'Otokaze'
}]

@Entry
@Component
struct Index {

  @Builder
  SongCard(song: Song) {
    Row() {
      Image($r('app.media.song'))
        .width(80)
        .border({radius: 8})
        .margin({right: 10})

      Column() {
        Text(song.name)
          .fontColor(Color.White)
          .width('100%')
          .fontWeight(700)
          .margin({bottom: 15})

        Row() {
          Text('VIP')
            .fontColor('#9A8E28')
            .border({
              width: 1,
              color: '#98AE28',
              radius: 12
            })
            .padding({
              left: 5,
              right: 5,
              top: 3,
              bottom: 3
            })
            .margin({right: 8})

          Text(song.author)
            .fontColor('#999999')
        }
        .width('100%')
      }
      .layoutWeight(1)

      SymbolGlyph($r('sys.symbol.dot_grid_1x2'))
        .fontSize(24)
        .fontColor([Color.White])
    }
    .width('100%')
    .height(80)
    .margin({bottom: 10})
  }

  build() {
    Column() {
      Text('猜你喜欢')
        .fontColor(Color.White)
        .width('100%')
        .margin({bottom: 100})

      List() {
        ForEach(songs, (song: Song, index: number) => {
          ListItem() {
            this.SongCard(song)
          }
          .backgroundColor(index % 2 == 0 ? Color.Blue : Color.Brown)
        })

      }
      .backgroundColor(Color.Pink)
      .clip(false)
      .scrollBar(BarState.Off)
      .width('100%')
      .height('100%')
      .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
    }
    .clip(false)
    .width('100%')
    .height('100%')
    .backgroundColor('#131313')
    .padding({left: 10, right: 10})
    .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
  }
}

在写沉浸式页面时，我希望 List 的内容能够穿过顶部标题栏、系统状态栏，直到滑出屏幕边界再消失，但是这里在超出 List 范围后就直接消失了，是我哪里写错了吗？

我想实现的效果如下：