HarmonyOS Flex 组件的组合使用

请参考以下代码：

@Entry
@Component
struct Arc {
  @State title:string = '这是标题'
  @State tip: boolean = true

  build() {
    Column(){
      Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceBetween }) {
        Text(this.title)
          .textOverflow({ overflow: TextOverflow.Ellipsis })
          .maxLines(1)
          .ellipsisMode(EllipsisMode.END)
        Text(){
          Span('特色模型')
        }
        .flexShrink(0)
        .visibility(this.tip ? Visibility.Visible : Visibility.None)
        Text(){
          Span('贷款额度高')
        }
        .flexShrink(0)
        .visibility(this.tip ? Visibility.Visible : Visibility.None)
      }
      .width('90%')
      .height(150)
      Button('change')
        .onClick(() => {
          this.title = '这个标题特别长特别长特别长特别长特别长特别长特别长特别长特别长特别长特别长特别长'
          this.tip = false
        })
      Button('change2')
        .onClick(() => {
          this.title = '这个标题比较长比较长比较长比较长'
          this.tip = true
        })
      Button('还原')
        .onClick(() => {
          this.title = '这是标题'
          this.tip = true
        })
    }
    .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.