鸿蒙中把builder函数传参与UI渲染问题

let  selectedIndex: number = 0
@Builder
export function  TabBarComp (isShowIcon: boolean = false, isShowDivider: boolean = false, index: number, name: string) {
    Column() {
      if (isShowIcon) {
        Image($r("app.media.startIcon"))
          .size({ width: 18, height: 18 })
          .margin({ bottom: 5 })
      }
 
      if (isShowIcon) {
        Text(name)
          .fontSize(15)
          .fontColor(selectedIndex === index ? "#ff0066ff" : "#000")
          .lineHeight(12)
          .margin({ top: 5, bottom: 3 })
      } else {
        Text(name)
          .fontSize(15)
          .fontColor(selectedIndex === index ? "#ffffc800" : "#000")
          .lineHeight(12)
          .margin({ top: 5, bottom: 3 })
      }
      if (isShowDivider) {
        Divider()
          .strokeWidth(2)
          .color("#ffffc800")
          .opacity(selectedIndex === index ? 1 : 0)
      }
 
    }
}
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.