fix(rn-tabbar): calc tab bar indicator position

Signed-off-by: Innei <[email protected]>
RSSNext · Jan 12, 2025 · e625ada · e625ada
1 parent 0a64473
commit e625ada
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/mobile/src/components/ui/tabview/TabBar.tsx b/apps/mobile/src/components/ui/tabview/TabBar.tsx
@@ -117,7 +117,7 @@ export const TabBar = forwardRef<ScrollView, TabBarProps>(
     }, [currentTab, indicatorPosition, sharedPagerOffsetX.value, tabPositions, tabWidths])
 
     const indicatorStyle = useAnimatedStyle(() => {
-      const scrollProgress = sharedPagerOffsetX.value / tabBarWidth
+      const scrollProgress = Math.max(sharedPagerOffsetX.value / tabBarWidth, 0)
 
       const currentIndex = Math.floor(scrollProgress)
       const nextIndex = Math.min(currentIndex + 1, tabs.length - 1)
@@ -133,7 +133,7 @@ export const TabBar = forwardRef<ScrollView, TabBarProps>(
         tabWidths[currentIndex] + (tabWidths[nextIndex] - tabWidths[currentIndex]) * progress
 
       return {
-        transform: [{ translateX: xPosition }],
+        transform: [{ translateX: Math.max(xPosition, 0) }],
         width,
         backgroundColor: tabs[currentTab].activeColor || accentColor,
       }