HarmonyOS 历史记录的自适应宽度和换行的布局

@Entry  
@Component  
struct ListExample {  
  private arr: string[] = ['男', '休闲裤男', '微胖女连衣裙', '连衣裙套装','连衣裙女']  
  build() {  
    Column() {  
      Flex({ wrap: FlexWrap.Wrap }) {  
          ForEach(this.arr, (item: string) => {  
            Text(item)  
              .height(30).fontSize(16)  
              .padding(5).margin({top:5,right:10,bottom:5})  
              .textAlign(TextAlign.Center).borderRadius(10).backgroundColor(0xFFFFFF)  
          }, (item: string) => item)  
      }  
      .width('100%')  
      .padding(10)  
      .backgroundColor(0xAFEEEE)  
    }  
    .width('100%')  
    .height('100%')  
    .backgroundColor(0xDCDCDC)  
    .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.