diff --git a/src/components/BottomNavigation/BottomNavigationBar.tsx b/src/components/BottomNavigation/BottomNavigationBar.tsx
index 05264c610a..d644195c78 100644
--- a/src/components/BottomNavigation/BottomNavigationBar.tsx
+++ b/src/components/BottomNavigation/BottomNavigationBar.tsx
@@ -380,6 +380,9 @@ const BottomNavigationBar = <Route extends BaseRoute>({
    * Animation for the background color ripple, used to determine it's scale and opacity.
    */
   const rippleAnim = useAnimatedValue(MIN_RIPPLE_SCALE);
+  const animationInProgressRef = React.useRef(false);
+  const targetIndexRef = React.useRef(navigationState.index);
+  const isInitialMount = React.useRef(true);
 
   /**
    * Layout of the navigation bar. The width is used to determine the size and position of the ripple.
@@ -412,6 +415,21 @@ const BottomNavigationBar = <Route extends BaseRoute>({
 
   const animateToIndex = React.useCallback(
     (index: number) => {
+      // If already animating to this index, do nothing
+      if (animationInProgressRef.current && targetIndexRef.current === index) {
+        return;
+      }
+
+      // If animating to a different index, cancel current animation and restart
+      // This prevents half-states when rapidly switching tabs
+      if (animationInProgressRef.current) {
+        rippleAnim.stopAnimation();
+        indexAnim.stopAnimation();
+        tabsAnims.forEach((tab) => tab.stopAnimation());
+      }
+
+      targetIndexRef.current = index;
+      animationInProgressRef.current = true;
       // Reset the ripple to avoid glitch if it's currently animating
       rippleAnim.setValue(MIN_RIPPLE_SCALE);
 
@@ -429,13 +447,40 @@ const BottomNavigationBar = <Route extends BaseRoute>({
             easing: animationEasing,
           })
         ),
-      ]).start(() => {
-        // Workaround a bug in native animations where this is reset after first animation
-        tabsAnims.map((tab, i) => tab.setValue(i === index ? 1 : 0));
+      ]).start((result) => {
+        animationInProgressRef.current = false;
 
-        // Update the index to change bar's background color and then hide the ripple
+        if (targetIndexRef.current !== index) {
+          return;
+        }
+
+        // Explicitly finish the animation values to avoid RN 0.80 dropping the completion frame
+        tabsAnims.forEach((tab, i) => {
+          tab.stopAnimation();
+          tab.setValue(i === index ? 1 : 0);
+        });
+
+        indexAnim.stopAnimation();
         indexAnim.setValue(index);
+
+        rippleAnim.stopAnimation();
         rippleAnim.setValue(MIN_RIPPLE_SCALE);
+
+        // Safety fallback: if animation was interrupted, ensure completion on next frame
+        if (result?.finished === false) {
+          requestAnimationFrame(() => {
+            if (targetIndexRef.current !== index) {
+              return;
+            }
+
+            tabsAnims.forEach((tab, i) => {
+              tab.stopAnimation();
+              tab.setValue(i === index ? 1 : 0);
+            });
+            indexAnim.setValue(index);
+            rippleAnim.setValue(MIN_RIPPLE_SCALE);
+          });
+        }
       });
     },
     [
@@ -450,19 +495,18 @@ const BottomNavigationBar = <Route extends BaseRoute>({
     ]
   );
 
-  React.useEffect(() => {
-    // Workaround for native animated bug in react-native@^0.57
-    // Context: https://github.com/callstack/react-native-paper/pull/637
-    animateToIndex(navigationState.index);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
   useIsKeyboardShown({
     onShow: handleKeyboardShow,
     onHide: handleKeyboardHide,
   });
 
   React.useEffect(() => {
+    if (isInitialMount.current) {
+      // Skip animation on initial mount - values are already correctly initialized
+      // Animating on mount causes RN 0.80+ native driver to render incomplete frames
+      isInitialMount.current = false;
+      return;
+    }
     animateToIndex(navigationState.index);
   }, [navigationState.index, animateToIndex]);
 
@@ -676,7 +720,10 @@ const BottomNavigationBar = <Route extends BaseRoute>({
                   inputRange: [0, 1],
                   outputRange: [0.5, 1],
                 })
-              : 0;
+              : active.interpolate({
+                  inputRange: [0, 1],
+                  outputRange: [0, 1],
+                });
 
             const badge = getBadge({ route });
 
@@ -740,7 +787,7 @@ const BottomNavigationBar = <Route extends BaseRoute>({
                       },
                     ]}
                   >
-                    {isV3 && focused && (
+                    {isV3 && (
                       <Animated.View
                         style={[
                           styles.outline,
diff --git a/src/components/__tests__/__snapshots__/BottomNavigation.test.tsx.snap b/src/components/__tests__/__snapshots__/BottomNavigation.test.tsx.snap
index 3a1b948fc9..3cb07f3a5e 100644
--- a/src/components/__tests__/__snapshots__/BottomNavigation.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/BottomNavigation.test.tsx.snap
@@ -525,6 +525,23 @@ exports[`allows customizing Route's type via generics 1`] = `
                   ]
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -1200,6 +1217,23 @@ exports[`hides labels in non-shifting bottom navigation 1`] = `
                   ]
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -1416,6 +1450,23 @@ exports[`hides labels in non-shifting bottom navigation 1`] = `
                   ]
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -2012,6 +2063,23 @@ exports[`hides labels in shifting bottom navigation 1`] = `
                   ]
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -2221,6 +2289,23 @@ exports[`hides labels in shifting bottom navigation 1`] = `
                   ]
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -3103,6 +3188,23 @@ exports[`renders bottom navigation with getLazy 1`] = `
                   ]
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -3450,6 +3552,23 @@ exports[`renders bottom navigation with getLazy 1`] = `
                   ]
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -3797,6 +3916,23 @@ exports[`renders bottom navigation with getLazy 1`] = `
                   ]
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -4144,6 +4280,23 @@ exports[`renders bottom navigation with getLazy 1`] = `
                   ]
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -4921,6 +5074,23 @@ exports[`renders bottom navigation with scene animation 1`] = `
                   }
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -5187,6 +5357,23 @@ exports[`renders bottom navigation with scene animation 1`] = `
                   }
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -5453,6 +5640,23 @@ exports[`renders bottom navigation with scene animation 1`] = `
                   }
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -5719,6 +5923,23 @@ exports[`renders bottom navigation with scene animation 1`] = `
                   }
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -6373,6 +6594,23 @@ exports[`renders custom icon and label in non-shifting bottom navigation 1`] = `
                   ]
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -6587,6 +6825,23 @@ exports[`renders custom icon and label in non-shifting bottom navigation 1`] = `
                   ]
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -7139,6 +7394,23 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
                   }
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -7309,6 +7581,23 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
                   }
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -7479,6 +7768,23 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
                   }
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -7649,6 +7955,23 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
                   }
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -8340,6 +8663,23 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom
                   ]
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -8687,6 +9027,23 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom
                   ]
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -9468,6 +9825,23 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav
                   }
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -9734,6 +10108,23 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav
                   }
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -10521,6 +10912,23 @@ exports[`renders non-shifting bottom navigation 1`] = `
                   ]
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -10868,6 +11276,23 @@ exports[`renders non-shifting bottom navigation 1`] = `
                   ]
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -11649,6 +12074,23 @@ exports[`renders shifting bottom navigation 1`] = `
                   }
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -11915,6 +12357,23 @@ exports[`renders shifting bottom navigation 1`] = `
                   }
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -12181,6 +12640,23 @@ exports[`renders shifting bottom navigation 1`] = `
                   }
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={
@@ -12447,6 +12923,23 @@ exports[`renders shifting bottom navigation 1`] = `
                   }
                 }
               >
+                <View
+                  collapsable={false}
+                  style={
+                    {
+                      "alignSelf": "center",
+                      "backgroundColor": "rgba(232, 222, 248, 1)",
+                      "borderRadius": 16,
+                      "height": 32,
+                      "transform": [
+                        {
+                          "scaleX": 0,
+                        },
+                      ],
+                      "width": 64,
+                    }
+                  }
+                />
                 <View
                   collapsable={false}
                   style={