#鸿蒙通关秘籍#如何动态调整SideBarContainer的侧边栏宽度？

通过 sideBarWidth、minSideBarWidth 和 maxSideBarWidth 属性，可以设置侧边栏的宽度和其最小最大范围，以实现动态调整侧边栏的宽度。

bash @Entry @Component struct SideBarWidthExample { build() { SideBarContainer(SideBarContainerType.Overlay) { Column() { Text("侧边栏") .width("100%") .height("100%") .fontSize(30) .textAlign(TextAlign.Center) } .width(10) .height("100%") .backgroundColor("#aabbcc")

  Column() {
    Text("内容区域")
      .width("100%")
      .height("100%")
      .fontSize(30)
      .textAlign(TextAlign.Center)
  }
  .width("100%")
  .height("100%")
  .backgroundColor("#bbccaa")
}
.width("100%")
.height("100%")
.sideBarWidth(150)
.minSideBarWidth(100)
.maxSideBarWidth(200)

} }