[Android] Fix buttons cutting of borders of their child views

[j-piasecki]

Description

Sets hasOverlappingRendering to false on the button component to prevent it from rendering on an off-screen canvas when opacity is less than 1.

React Native views also set it to false by default.

Test plan

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { Touchable } from 'react-native-gesture-handler';

export default function EmptyExample() {
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Touchable activeOpacity={0.99} animationDuration={{ in: 0, out: 200 }}>
        <Text style={styles.box}>Button</Text>
      </Touchable>
    </View>
  );
}

const styles = StyleSheet.create({
  box: {
    fontSize: 16,
    fontWeight: 600,
    letterSpacing: -0.5,
    textAlign: 'center',
    textAlignVertical: 'center',
    color: 'black',
    borderWidth: 1,
    borderColor: 'black',
  },
});

Before	After
Screen.Recording.2026-05-22.at.10.11.48.mov	Screen.Recording.2026-05-22.at.10.13.05.mov

[Copilot]

Pull request overview

This PR adjusts the Android implementation of RNGestureHandlerButton to avoid offscreen buffering when the button’s opacity is animated below 1, addressing a visual issue where child view borders get clipped at the edges.

Changes:

• Override hasOverlappingRendering() in the Android button ViewGroup to return false.
• Add an explanatory comment describing why offscreen buffering is being skipped.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull request overview

Copilot reviewed 10 out of 10 changed files in this pull request and generated no new comments.

[tomekzaw]

Fixes the issue