From 2133b89c15f41a63d6b3d4b8d515cb26e1a1dbf7 Mon Sep 17 00:00:00 2001
From: Adrian Cotfas <adrcotfas@gmail.com>
Date: Mon, 13 Apr 2026 11:29:39 +0300
Subject: [PATCH 1/2] fix: pre-commit hook lint issues

---
 example/src/Examples/IconButtonExample.tsx           | 5 ++++-
 example/src/index.native.tsx                         | 2 +-
 src/components/BottomNavigation/BottomNavigation.tsx | 2 --
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/example/src/Examples/IconButtonExample.tsx b/example/src/Examples/IconButtonExample.tsx
index a2ac7e72db..2b90a4ebd4 100644
--- a/example/src/Examples/IconButtonExample.tsx
+++ b/example/src/Examples/IconButtonExample.tsx
@@ -137,7 +137,7 @@ const ButtonExample = () => {
             mode="contained"
             style={styles.slightlyRounded}
             size={24}
-            contentStyle={{ padding: 8 }}
+            contentStyle={styles.contentPadding}
             iconColor={MD3Colors.tertiary50}
             onPress={() => {}}
           />
@@ -190,6 +190,9 @@ const styles = StyleSheet.create({
     width: 48,
     height: 48,
   },
+  contentPadding: {
+    padding: 8,
+  },
   differentBorderRadius: {
     borderTopLeftRadius: 2,
     borderTopRightRadius: 4,
diff --git a/example/src/index.native.tsx b/example/src/index.native.tsx
index 70d712816b..fae347d85d 100644
--- a/example/src/index.native.tsx
+++ b/example/src/index.native.tsx
@@ -13,9 +13,9 @@ import { PaperProvider, MD3DarkTheme, MD3LightTheme } from 'react-native-paper';
 import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
 
 import DrawerItems from './DrawerItems';
+import { PreferencesContext } from './PreferencesContext';
 import App from './RootNavigator';
 import { deviceColorsSupported } from '../utils';
-import { PreferencesContext } from './PreferencesContext';
 import {
   CombinedDefaultTheme,
   CombinedDarkTheme,
diff --git a/src/components/BottomNavigation/BottomNavigation.tsx b/src/components/BottomNavigation/BottomNavigation.tsx
index 54df09d236..da764929ee 100644
--- a/src/components/BottomNavigation/BottomNavigation.tsx
+++ b/src/components/BottomNavigation/BottomNavigation.tsx
@@ -423,13 +423,11 @@ const BottomNavigation = <Route extends BaseRoute>({
       });
     },
     [
-      shifting,
       navigationState.routes,
       offsetsAnims,
       scale,
       tabsPositionAnims,
       sceneAnimationEasing,
-      theme,
     ]
   );
 

From 5a6ec84bfb24a612352fd0c809c67fde07c135c7 Mon Sep 17 00:00:00 2001
From: Adrian Cotfas <adrcotfas@gmail.com>
Date: Tue, 14 Apr 2026 16:32:50 +0300
Subject: [PATCH 2/2] fix: ripple not showing on majority of components

---
 .../TouchableRipple/TouchableRipple.native.tsx        | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/TouchableRipple/TouchableRipple.native.tsx b/src/components/TouchableRipple/TouchableRipple.native.tsx
index 1cb17b4068..3f8c791c33 100644
--- a/src/components/TouchableRipple/TouchableRipple.native.tsx
+++ b/src/components/TouchableRipple/TouchableRipple.native.tsx
@@ -73,12 +73,13 @@ const TouchableRipple = (
       underlayColor,
     });
 
-  // A workaround for ripple on Android P is to use useForeground + overflow: 'hidden'
+  // Use foreground ripple on Android P+ to ensure visibility.
+  // Background ripple requires the view to have a background drawable,
+  // which isn't always present. Foreground ripple needs overflow: 'hidden'
+  // to stay within bounds.
   // https://github.com/facebook/react-native/issues/6480
   const useForeground =
-    Platform.OS === 'android' &&
-    Platform.Version >= ANDROID_VERSION_PIE &&
-    borderless;
+    Platform.OS === 'android' && Platform.Version >= ANDROID_VERSION_PIE;
 
   if (TouchableRipple.supported) {
     const androidRipple = rippleEffectEnabled
@@ -94,7 +95,7 @@ const TouchableRipple = (
         {...rest}
         ref={ref}
         disabled={disabled}
-        style={[borderless && styles.overflowHidden, style]}
+        style={[useForeground && styles.overflowHidden, style]}
         android_ripple={androidRipple}
       >
         {React.Children.only(children)}