HarmonyOS List组件，单行横向排列，怎么让内容展示不全的项不显示？

可以参考下以下demo：

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-component-size-change-event-V5#onsizechange

build() {
  Column() {
    List({ space: 10 }) {
      ForEach(this.shopArray, (item: ShopBean, index: number) => {
        ListItem() {
          Row() {
            Text(item.shopName)
              .width(50)
              .height(50)
              .backgroundColor('#55ff00ff')

            //LabelItemComponent({ shopBean: item, shopBeanIndex: index, indexListParent: $indexList })

            List({ space: 5 }) {
              ForEach(item.labelArray, (lb: LabelBean, lbIndex: number) => {
                ListItem() {
                  ZzxLabelItemComponent({ labelBean: lb })
                }
                .visibility(this.str[index] === lbIndex?Visibility.Hidden:Visibility.Visible)
                .onSizeChange((oldValue: SizeOptions, newValue: SizeOptions) => {
                  // console.info(`:::Ace: on size change, oldValue is ${JSON.stringify(oldValue)} newValue is ${JSON.stringify(newValue)}`)
                  //325.76为父组件的宽度，从父组件onSizeChange获取
                  if (this.num[index]>(325.76-50)) {
                    return
                  }
                  if (this.num[index]<=(325.76-50)||this.num[index] == null) {
                    if (this.num[index] == null) {
                      this.num[index] =0
                    }
                    this.num[index]= this.num[index]+ Number(newValue.width)
                    console.log(':::',Number(newValue.width));
                  }

                  if (this.num[index]>(325.76-50)) {
                    this.str[index] = lbIndex
                  }
                  console.log(':::onSizeChange',JSON.stringify(this.num),JSON.stringify(this.str),'lbIndex',lbIndex,'index',index,`newValue is ${JSON.stringify(newValue)}`)
                })
              }, (lb: LabelBean) => JSON.stringify(lb.id)+Date.now())
            }
            .layoutWeight(1)
            .onScrollFrameBegin(() => {
              return { offsetRemain: 0 }
            })
            .scrollBar(BarState.Off)
            .margin({ left: 10, top: 6 })
            .listDirection(Axis.Horizontal)
          }
          .backgroundColor(Color.White)
          .width('100%')
        }
      }, (item: ShopBean) => JSON.stringify(item.id))
    }

    .onScrollStart(() => {
      console.log('Test Text isVisible : onScrollStart')
    })
    .onScrollStop(() => {
      console.log('Test Text isVisible : onScrollStop')
    })
    .scrollBar(BarState.Off)
    .edgeEffect(EdgeEffect.None) // 必须设置列表为滑动到边缘无效果
  }
  .padding(10)
  .backgroundColor(Color.Gray)
  .height('100%')
  .width('100%')
}
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.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.