【Tab控件】HarmonyOS 鸿蒙Next barOverlap效果太差

【Tab控件】HarmonyOS 鸿蒙Next barOverlap效果太差

barOverlap效果太差
问题点:

• 模糊效果很奇怪（TabContent内容滚动时闪烁，看不出背景UI的轮廓），且参数貌似不可调（模糊半径等）（demo中的Tab1）

复现demo ：

@Entry
@Component
export struct BarBackgroundColorTest {
  private controller: TabsController = new TabsController();
  @State barOverlap: boolean = true;
  @State barBackgroundColor: string = '#77FFFFFF';
  scroller: Scroller = new Scroller();

  build() {
    Column() {
      Button("barOverlap变化")
        .width('100%')
        .margin({ bottom: '12vp' })
        .onClick((event?: ClickEvent) => {
          this.barOverlap = !this.barOverlap;
        });

      Tabs({
        barPosition: BarPosition.Start,
        index: 0,
        controller: this.controller,
      }) {
        TabContent() {
          Scroll(this.scroller) {
            Column() {
              Text(`barOverlap ${this.barOverlap}`)
                .fontSize(16)
                .margin({ top: this.barOverlap ? '56vp' : 0 });
              
              for (let i = 0; i < 10; i++) {
                Text(`barBackgroundColor ${this.barBackgroundColor}`)
                  .fontSize(16);
              }
            }
            .width('100%')
            .backgroundColor(Color.Pink)
          }
          .scrollable(ScrollDirection.Vertical) // 滚动方向纵向
          .scrollBar(BarState.On) // 滚动条常驻显示
          .scrollBarColor(Color.Gray) // 滚动条颜色
          .scrollBarWidth(10) // 滚动条宽度
          .friction(0.6)
          .edgeEffect(EdgeEffect.None);
        }

        TabContent() {
          Column() {
            Text(`barOverlap ${this.barOverlap}`)
              .fontSize(16)
              .margin({ top: this.barOverlap ? '56vp' : 0 });
            Text(`barBackgroundColor ${this.barBackgroundColor}`)
              .fontSize(16);
          }
          .width('100%')
          .height('100%')
          .backgroundColor(Color.Red);
        }
      }
      .vertical(false)
      .barMode(BarMode.Fixed)
      .height('60%')
      .barOverlap(this.barOverlap)
      .scrollable(false)
      .animationDuration(10)
      .barBackgroundColor(this.barBackgroundColor);
    }
    .height(300)
    .padding({ top: '24vp', left: '24vp', right: '24vp' });
  }
}