HarmonyOS 鸿蒙Next 类似于控制中心顶部的实时模糊实现方案

HarmonyOS 鸿蒙Next 类似于控制中心顶部的实时模糊实现方案

我实现了一个类似于控制中心顶部的实时模糊页面，但是感觉应该不是最佳的方案（因为需要将导航栏定义在最后面），请问是否有更好的实现方式？

我采用了stack组件，将导航栏定义在最上层，然后下层定义scroll用于设置可滚动的组件，并将导航栏和滚动组件扩展到了安全区。
 

@Component
export struct Page {
  @BuilderParam @Require column:()=>void=emptyBuilderFunction;
  @BuilderParam @Require navBar:()=>void=emptyBuilderFunction;
  build() {
    Stack() {
      Scroll() {
        Column({ space: 8 }) {
          this.column()
        }
        .padding({
          top: 60,
          left: 16,
          right: 16,
          bottom: 0
        })

      }
      .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP,SafeAreaEdge.BOTTOM])
      .edgeEffect(EdgeEffect.Spring)

      // 导航栏
      Row(){
        Text('测试')
          .fontSize(24)
          .fontColor(Color.Black)
          .fontWeight(FontWeight.Bold)
          .width("100%")
          .textAlign(TextAlign.Center)
          .padding(14)
          .height(52)
      }
      .width('100%')
      .backdropBlur(64)
      .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP])
    }
    .width('100%')
    .alignContent(Alignment.TopStart)
  }
}