chore: update example

Author: lodev09

android/src/main/java/com/lodev09/truesheet/TrueSheetViewController.kt

@@ -759,7 +759,7 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     KeyboardUtils.dismiss(reactContext)
 
     // Clear focus from any focused view within the sheet to prevent
-    // Android from auto-focusing the next focusable view on the main
+    // Android from autofocusing the next focusable view on the main
     // screen when the sheet is removed from the hierarchy.
     sheetView?.findFocus()?.clearFocus()
   }

example/shared/src/components/DemoContent.tsx

@@ -1,7 +1,7 @@
-import { StyleSheet, View, type ColorValue, type ViewProps, Text } from 'react-native';
+import { StyleSheet, Pressable, type ColorValue, type PressableProps, Text } from 'react-native';
 import { BORDER_RADIUS, LIGHT_GRAY, SPACING } from '../utils';
 
-interface DemoContentProps extends ViewProps {
+interface DemoContentProps extends PressableProps {
   radius?: number;
   color?: ColorValue;
   text?: string;
@@ -10,12 +10,16 @@ interface DemoContentProps extends ViewProps {
 export const DemoContent = (props: DemoContentProps) => {
   const { text, radius = BORDER_RADIUS, style: $style, color = 'rgba(0,0,0,0.3)', ...rest } = props;
   return (
-    <View
-      style={[styles.content, { backgroundColor: color, borderRadius: radius }, $style]}
+    <Pressable
+      style={(state) => [
+        styles.content,
+        { backgroundColor: color, borderRadius: radius, opacity: state.pressed ? 0.5 : 1 },
+        typeof $style === 'function' ? $style(state) : $style,
+      ]}
       {...rest}
     >
       {text && <Text style={styles.text}>{text}</Text>}
-    </View>
+    </Pressable>
   );
 };
 

example/shared/src/components/sheets/FlatListSheet.tsx

@@ -76,7 +76,7 @@ const styles = StyleSheet.create({
   },
   content: {
     padding: SPACING,
-    paddingTop: HEADER_HEIGHT,
+    paddingTop: HEADER_HEIGHT + SPACING,
     paddingBottom: FOOTER_HEIGHT + SPACING,
   },
 });

example/shared/src/components/sheets/ScrollViewSheet.tsx

@@ -109,7 +109,7 @@ ScrollViewSheet.displayName = 'ScrollViewSheet';
 const styles = StyleSheet.create({
   content: {
     padding: SPACING,
-    paddingTop: HEADER_HEIGHT,
+    paddingTop: HEADER_HEIGHT + SPACING,
     paddingBottom: FOOTER_HEIGHT + SPACING,
     gap: GAP,
   },