[Android] Fix borderless ripple animation

packages/react-native-gesture-handler/src/components/GestureButtons.tsx

@@ -152,14 +152,14 @@
   ref,
   ...props
 }: Omit<LegacyBaseButtonProps, 'innerRef'> & {
   ref?: React.ForwardedRef<React.ComponentType<any>> | undefined;
 }) => <InnerBaseButton innerRef={ref} {...props} />;
 
 const AnimatedBaseButton = ({
   ref,
   ...props
 }: Animated.AnimatedProps<BaseButtonWithRefProps> & {
   ref?: React.ForwardedRef<React.ComponentType<any>> | undefined;
 }) => <AnimatedInnerBaseButton innerRef={ref} {...props} />;
 
 const btnStyles = StyleSheet.create({
@@ -187,7 +187,7 @@
 
   private onActiveStateChange = (active: boolean) => {
     if (Platform.OS !== 'android') {
       this.opacity.setValue(active ? this.props.activeOpacity! : 0);
     }
 
     this.props.onActiveStateChange?.(active);
@@ -240,6 +240,7 @@
   static defaultProps = {
     activeOpacity: 0.3,
     borderless: true,
+    foreground: true,
   };
 
   private opacity: Animated.Value;

packages/react-native-gesture-handler/src/components/GestureHandlerButton.tsx

@@ -144,7 +144,11 @@ export interface ButtonProps extends ViewProps, AccessibilityProps {
   testOnly_onLongPress?: Function | null | undefined;
 }
 
-export default function GestureHandlerButton({ style, ...rest }: ButtonProps) {
+export default function GestureHandlerButton({
+  borderless,
+  style,
+  ...rest
+}: ButtonProps) {
   const flattenedStyle = useMemo(() => StyleSheet.flatten(style), [style]);
 
   const {
@@ -273,11 +277,17 @@ export default function GestureHandlerButton({ style, ...rest }: ButtonProps) {
         collapsable={false}
         style={[
           styles.contents,
-          (!overflow || overflow === 'hidden') && styles.overflowHidden,
+          !borderless &&
+            (!overflow || overflow === 'hidden') &&
+            styles.overflowHidden,
           buttonRestingStyle,
           restStyle,
         ]}>
-        <ButtonComponent {...rest} style={layoutStyle} />
+        <ButtonComponent
+          {...rest}
+          style={layoutStyle}
+          borderless={borderless}
+        />
       </View>
     </RNGestureHandlerButtonWrapperNativeComponent>
   );

packages/react-native-gesture-handler/src/v3/components/GestureButtons.tsx

@@ -172,6 +172,8 @@ export const BorderlessButton = (props: BorderlessButtonProps) => {
 
   return (
     <AnimatedBaseButton
+      borderless
+      foreground
       {...rest}
       ref={ref ?? null}
       onActiveStateChange={onActiveStateChange}