#鸿蒙通关秘籍#如何实现自定义tabBar可以响应点击和划动事件？

Tabs({ index: index, controller: tabsController }) {
   ...
}
.hitTestBehavior(HitTestMode.Transparent) // hitTestBehavior设置为透明，以便事件传递

Row() {
   ForEach(tabArray, (item, index) => {
      Column() {
         Image(currentIndex === index ? imageClickArray[index] : imageArray[index])
            .width(50)
            .height(50)
         Text(item)
            .fontSize(12)
            .fontColor(currentIndex === index ? '#333' : '#FFF')
      }
      .width(100)
      .height(100)
      .onClick(() => {
         index = index;
         tabsController.changeIndex(index);
      })
   })
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.