HarmonyOS 如何实现listItem高度随内容自适应

@Entry 
@Component 
struct listDemoFirst { 
 private arr: string[] = ['0zkjsajlkhzxxxxxaskhfiu','1','2hsaifuhshjfxxxxxukfhkushvkushiahfuisyujag','3','4','5slkhfvuixxxxlansdkufyslfnsd','6','7','8','9xxxxhnakgcuahkucgyauis']; 
 @State sizeValue: string = ''; 
 
 build() { 
  Row() { 
   List() { 
    ForEach(this.arr, (item: string) => { 
     ListItem() { 
      Text(item) 
       .width('30%').height('auto').fontSize(16) 
       .border({ 
        width : 1 
       }) 
       .textAlign(TextAlign.Center).borderRadius(10).backgroundColor(0xFFFFFF) 
       .onAreaChange((oldValue: Area, newValue: Area)=>{ 
        console.log(newValue.height.toString()) 
        if (Number(newValue.height) > Number(this.sizeValue)) { 
         this.sizeValue = newValue.height.toString() 
        } 
       }) 
     } 
    }, (item: string) => item) 
   } 
   .listDirection(Axis.Horizontal) // 排列方向 
   .scrollBar(BarState.Auto) 
   .backgroundColor(Color.Gray) 
   .width('100%') 
   .height(this.sizeValue) 
  } 
  .width('100%') 
  .padding({ top: 5 }) 
 } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.