HarmonyOS 鸿蒙Next bindSheet怎么设置适配内容大小来调整长度

import { componentUtils } from '@kit.ArkUI';
@Entry
@Component
struct BindSheetDemo {
@State isShow: boolean = false
@State sheetHeight: number = 0;
@State temData: string[] = [‘1’]
@Builder
myBuilder() {
Column() {
Button(“添加元素”)
.margin(10)
.fontSize(20)
.onClick(() => {
this.temData.push(((Math.random() * 10) + 10).toFixed(0).toString())
})
  Button(<span class="hljs-string">"减少元素"</span>)
    .margin(<span class="hljs-number">10</span>)
    .fontSize(<span class="hljs-number">20</span>)
    .onClick(() =&gt; {
      <span class="hljs-keyword">this</span>.temData.splice(<span class="hljs-keyword">this</span>.temData.length - <span class="hljs-number">1</span>, <span class="hljs-number">1</span>)
    })
  Column() {
    Repeat(<span class="hljs-keyword">this</span>.temData)
      .each((repeat) =&gt; {
        Row() {
          Text(repeat.item)
        }
      })
  }
  .onSizeChange((oldValue: SizeOptions, newValue: SizeOptions) =&gt; {
    <span class="hljs-keyword">if</span> (oldValue &amp;&amp; newValue) {
      <span class="hljs-keyword">this</span>.sheetHeight += (newValue.height as number) - (oldValue.height as number)
    }
  })
}.id(<span class="hljs-string">'sheet'</span>)
.padding(<span class="hljs-number">10</span>)
.onAppear(() =&gt; {
  <span class="hljs-keyword">this</span>.sheetHeight = px2vp(componentUtils.getRectangleById(<span class="hljs-string">'sheet'</span>).size.height)
})
}
build() {
RelativeContainer() {
Button(‘弹出’)
.onClick(() => {
this.isShow = true
})
.fontSize(20)
.margin(10)
.bindSheet($$this.isShow, this.myBuilder(), {
height: this.sheetHeight,
backgroundColor: Color.Green,
})
}
.height(‘100%’)
.width(‘100%’)
}
}