chore: add pressable testing examples

Author: okwasniewski

apps/example/src/Screens/Chat.tsx

@@ -8,6 +8,8 @@ import {
   Text,
   TextInput,
   View,
+  Button,
+  Alert,
 } from 'react-native';
 
 const MESSAGES = [
@@ -27,6 +29,7 @@ export function Chat({
       behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
       style={styles.container}
     >
+      <Button onPress={() => Alert.alert('Hey')} title="Press me" />
       <ScrollView
         contentInsetAdjustmentBehavior="automatic"
         style={styles.inverted}

apps/example/src/Screens/Contacts.tsx

@@ -1,12 +1,14 @@
 import { useScrollToTop } from '@react-navigation/native';
 import * as React from 'react';
 import {
+  Alert,
   FlatList,
   type FlatListProps,
   Platform,
   SafeAreaView,
   StyleSheet,
   Text,
+  TouchableOpacity,
   View,
 } from 'react-native';
 import { useBottomTabBarHeight } from 'react-native-bottom-tabs';
@@ -74,7 +76,10 @@ const CONTACTS: Item[] = [
 const ContactItem = React.memo(
   ({ item }: { item: { name: string; number: number } }) => {
     return (
-      <View style={[styles.item, { backgroundColor: '#fff' }]}>
+      <TouchableOpacity
+        style={[styles.item, { backgroundColor: '#fff' }]}
+        onPress={() => Alert.alert(`Pressed: ${item.name}`)}
+      >
         <View style={styles.avatar}>
           <Text style={styles.letter}>
             {item.name.slice(0, 1).toUpperCase()}
@@ -84,7 +89,7 @@ const ContactItem = React.memo(
           <Text style={styles.name}>{item.name}</Text>
           <Text style={[styles.number, { opacity: 0.5 }]}>{item.number}</Text>
         </View>
-      </View>
+      </TouchableOpacity>
     );
   }
 );