add flex styling example

Author: latekvo

example/src/release_tests/gesturizedPressable/flexStyling.tsx

@@ -0,0 +1,60 @@
+import React from 'react';
+import { Pressable as LegacyPressable, StyleSheet, View } from 'react-native';
+import {
+  Pressable as GesturizedPressable,
+  ScrollView,
+} from 'react-native-gesture-handler';
+import { LoremIpsum } from '../../common';
+
+export default function FlexExample() {
+  return (
+    <ScrollView>
+      <View style={styles.container}>
+        <GesturizedNesting />
+        <LegacyNesting />
+      </View>
+      <LoremIpsum words={40} />
+    </ScrollView>
+  );
+}
+
+function GesturizedNesting() {
+  return (
+    <GesturizedPressable style={styles.outer}>
+      <GesturizedPressable style={styles.inner} />
+    </GesturizedPressable>
+  );
+}
+
+function LegacyNesting() {
+  return (
+    <LegacyPressable style={styles.outer}>
+      <LegacyPressable style={styles.inner} />
+    </LegacyPressable>
+  );
+}
+
+const styles = StyleSheet.create({
+  text: {
+    padding: 10,
+  },
+  container: {
+    flex: 1,
+    flexDirection: 'row',
+    justifyContent: 'center',
+    gap: 50,
+  },
+  inner: {
+    backgroundColor: 'green',
+    width: 50,
+    height: 50,
+  },
+  outer: {
+    backgroundColor: 'red',
+    width: 150,
+    height: 150,
+
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});

example/src/release_tests/gesturizedPressable/index.tsx

@@ -8,6 +8,7 @@ import { RippleExample } from './androidRippleExample';
 import { FunctionalStyleExample } from './functionalStylesExample';
 import { DelayedPressExample } from './delayedPressExample';
 import { DelayHoverExample } from './hoverDelayExample';
+import FlexExample from './flexStyling';
 
 type TestingEntryProps = {
   title: string;
@@ -64,6 +65,9 @@ export default function Example() {
         platform="web">
         <DelayHoverExample />
       </TestingEntry>
+      <TestingEntry title="Flex behaviour of nested pressables">
+        <FlexExample />
+      </TestingEntry>
     </ScrollView>
   );
 }