diff --git a/entry/src/main/ets/pages/Index.ets b/entry/src/main/ets/pages/Index.ets
index 52e66a56f439ca4973a00ed08513dfa63448fc32..f69ab3e9f72c93aa97fad26dd542ed4cd3b71810 100644
--- a/entry/src/main/ets/pages/Index.ets
+++ b/entry/src/main/ets/pages/Index.ets
@@ -114,8 +114,8 @@ struct NestedCeiling {
               this.listBuilder($r('app.string.Itinerary'), $r('app.string.Travel'), 1)
             }
             .barWidth($r('app.float.bar_width'))
-            .onChange((index: number) => {
-              this.currentIndex = index;
+            .onAnimationStart((_index: number, targetIndex: number, _event: TabsAnimationEvent) => {
+              this.currentIndex = targetIndex;
             })
           }
         }