Fix: Resolve gesture detection issues in Panel5 with latest react-native-gesture-handler

[alexmdefrancisco]

Summary

This pull request addresses the (NOBRIDGE) ERROR in react-native-gesture-handler where the GestureDetector in Panel5 fails to detect gestures due to view flattening. By wrapping the child components with <View collapsable={false}>, we ensure the views remain in the hierarchy and gesture handling works as intended.

Problem

After upgrading to the latest version of react-native-gesture-handler, the GestureDetector in Panel5 stopped working correctly. Specifically:

• Observed Error: (NOBRIDGE) ERROR [react-native-gesture-handler] GestureDetector has received a child that may get view-flattened. To prevent it from misbehaving you need to wrap the child with a <View collapsable={false}> . [Component Stack].
• Behavior Before: This issue did not occur in earlier versions of react-native-gesture-handler, suggesting a recent change in gesture handling behavior.
• Environment: React Native 0.76.3, react-native-gesture-handler 2.21.2.

Solution

The fix wraps the relevant child components in <View collapsable={false}>, ensuring that gesture detection functions correctly without view flattening. This change aligns with React Native's guidelines for preventing view flattening in gesture components.

Testing

• Environment: Tested on React Native 0.76.3 with the latest version of react-native-gesture-handler.
• Confirmed that the error no longer occurs, and gestures in Panel5 now function as expected.

Notes

• This fix resolves the issue without introducing breaking changes. Other components and functionalities remain unaffected.
• It is recommended to document this change in case similar issues arise with future versions of react-native-gesture-handler.

[alabsi91]

Hey @alexmdefrancisco Is this error specific to iOS, Android, or both? Also, does the Panel5 example produce the same error? I tested the example code using latest version on an Android emulator and did not encounter any errors.

[alexmdefrancisco]

Yes sorry I forgot. It happens to me using iOS, either simulator and with real device.