HarmonyOS 鸿蒙Next SideBarContainer（侧边栏）组件的showSideBar问题解决

偶然间发现SideBarContainer的showSideBar属性添加animation属性后，触发结果相反的问题。

如下：

当在showSideBar属性后添加animation属性时，showSideBar的值为false，侧边栏出现，为true时，侧边栏隐藏。

解决方式：

1.不采用动画，showSideBar正常。

2.使用animateTo显示动画调整showSideBar的值，触发结果正常。

以下为示例代码：

import { promptAction } from ‘@kit.ArkUI’

@Entry
@Component
struct SideBarContainerTest {
@State
@Watch(‘see’)
sideBarVisible: boolean = false
see() {
promptAction.showToast({ message: this.sideBarVisible + ‘’ })
}
build() {
SideBarContainer(SideBarContainerType.Overlay) {
Column() {
Text(“侧边栏区域”)
.width(“100%”)
.height(“100%”)
.fontSize(30)
.textAlign(TextAlign.Center)
  }
  .width(<span class="hljs-number"><span class="hljs-number">10</span></span>)
  .height(<span class="hljs-string"><span class="hljs-string">"100%"</span></span>)
  .backgroundColor(<span class="hljs-string"><span class="hljs-string">"#aabbcc"</span></span>)

  Column() {
    Text(<span class="hljs-string"><span class="hljs-string">"侧边栏区域"</span></span>)
      .width(<span class="hljs-string"><span class="hljs-string">"100%"</span></span>)
      .height(<span class="hljs-string"><span class="hljs-string">"100%"</span></span>)
      .fontSize(<span class="hljs-number"><span class="hljs-number">30</span></span>)
      .textAlign(TextAlign.Center)
  }
  .width(<span class="hljs-string"><span class="hljs-string">"100%"</span></span>)
  .height(<span class="hljs-string"><span class="hljs-string">"100%"</span></span>)
  .backgroundColor(<span class="hljs-string"><span class="hljs-string">"#bbccaa"</span></span>)
  .onClick(() =&gt; {
    animateTo({ duration: <span class="hljs-number"><span class="hljs-number">300</span></span> }, () =&gt; {
      <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.sideBarVisible = !<span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.sideBarVisible
    })
  })
}
.width(<span class="hljs-string"><span class="hljs-string">'100%'</span></span>)
.height(<span class="hljs-string"><span class="hljs-string">'100%'</span></span>)
.showSideBar($$<span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.sideBarVisible)
<span class="hljs-comment"><span class="hljs-comment">// .animation({ duration: 300 })</span></span>
.showControlButton(<span class="hljs-literal"><span class="hljs-literal">false</span></span>)
}
}