chore: update example

Author: lodev09

example/bare/ios/Podfile.lock

@@ -2649,7 +2649,7 @@ PODS:
     - ReactCommon/turbomodule/core
     - SocketRocket
     - Yoga
-  - RNTrueSheet (3.10.0-beta.1):
+  - RNTrueSheet (3.10.0-beta.3):
     - boost
     - DoubleConversion
     - fast_float
@@ -3104,7 +3104,7 @@ SPEC CHECKSUMS:
   RNGestureHandler: e1cf8ef3f11045536eed6bd4f132b003ef5f9a5f
   RNReanimated: f1868b36f4b2b52a0ed00062cfda69506f75eaee
   RNScreens: d821082c6dd1cb397cc0c98b026eeafaa68be479
-  RNTrueSheet: cda20577e6b3553643620281ee9143f0ae6c8371
+  RNTrueSheet: ee7a6a91d4de8b2c39715e7cc70bb36d57ecbee0
   RNWorklets: d9c050940f140af5d8b611d937eab1cbfce5e9a5
   SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748
   Yoga: 689c8e04277f3ad631e60fe2a08e41d411daf8eb

example/shared/src/components/Footer.tsx

@@ -1,20 +1,36 @@
-import { Platform, StyleSheet, Text, View, type PressableProps, Pressable } from 'react-native';
+import {
+  Platform,
+  StyleSheet,
+  Text,
+  View,
+  type PressableProps,
+  Pressable,
+  type ViewStyle,
+  type StyleProp,
+} from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 import { DARK_GRAY, FOOTER_HEIGHT, SPACING } from '../utils';
 
 const isIPad = Platform.OS === 'ios' && Platform.isPad;
 
 interface FooterProps extends PressableProps {
+  wrapperStyle?: StyleProp<ViewStyle>;
   text?: string;
 }
 
-export const Footer = ({ children, text = 'FOOTER', onPress, ...rest }: FooterProps) => {
+export const Footer = ({
+  children,
+  text = 'FOOTER',
+  onPress,
+  wrapperStyle,
+  ...rest
+}: FooterProps) => {
   const insets = useSafeAreaInsets();
   const bottomInset = isIPad ? 0 : insets.bottom;
 
   return (
-    <View style={[styles.wrapper, { paddingBottom: bottomInset }]}>
+    <View style={[styles.wrapper, { paddingBottom: bottomInset }, wrapperStyle]}>
       <Pressable
         style={({ pressed }) => [styles.container, onPress && pressed && styles.pressed]}
         onPress={onPress}
@@ -28,10 +44,7 @@ export const Footer = ({ children, text = 'FOOTER', onPress, ...rest }: FooterPr
 
 const styles = StyleSheet.create({
   wrapper: {
-    backgroundColor: Platform.select({
-      default: DARK_GRAY,
-      ios: undefined,
-    }),
+    backgroundColor: DARK_GRAY,
   },
   container: {
     height: FOOTER_HEIGHT,

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

@@ -1,5 +1,5 @@
 import { forwardRef, useRef } from 'react';
-import { StyleSheet, FlatList, View } from 'react-native';
+import { StyleSheet, FlatList, View, Platform } from 'react-native';
 import { TrueSheet, type TrueSheetProps } from '@lodev09/react-native-true-sheet';
 
 import { DARK, DARK_GRAY, FOOTER_HEIGHT, HEADER_HEIGHT, SPACING, times } from '../../utils';
@@ -25,10 +25,17 @@ export const FlatListSheet = forwardRef<TrueSheet, FlatListSheetProps>((props, r
         bottomScrollEdgeEffect: 'soft',
         topScrollEdgeEffect: 'soft',
       }}
-      header={<Header style={styles.header} />}
+      header={<Header />}
+      headerStyle={styles.header}
       onDidDismiss={() => console.log('Sheet FlatList dismissed!')}
       onDidPresent={() => console.log(`Sheet FlatList presented!`)}
-      footer={<Footer text="OPEN BLANK SHEET" onPress={() => testRef.current?.present()} />}
+      footer={
+        <Footer
+          text="OPEN BLANK SHEET"
+          wrapperStyle={styles.footer}
+          onPress={() => testRef.current?.present()}
+        />
+      }
       {...props}
     >
       <View style={styles.wrapper}>
@@ -55,6 +62,12 @@ const styles = StyleSheet.create({
   wrapper: {
     flex: 1,
   },
+  footer: {
+    backgroundColor: Platform.select({
+      default: DARK_GRAY,
+      ios: undefined,
+    }),
+  },
   header: {
     position: 'absolute',
     left: 0,

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

@@ -14,6 +14,7 @@ import { TrueSheet, type TrueSheetProps } from '@lodev09/react-native-true-sheet
 import {
   BORDER_RADIUS,
   DARK,
+  DARK_GRAY,
   FOOTER_HEIGHT,
   GAP,
   HEADER_HEIGHT,
@@ -74,7 +75,7 @@ export const ScrollViewSheet = forwardRef<TrueSheet, ScrollViewSheetProps>((prop
       header={<Header />}
       headerStyle={styles.header}
       footer={
-        <Footer>
+        <Footer wrapperStyle={styles.footer}>
           <Button text="Toggle ListView" onPress={() => setShowList(!showList)} />
         </Footer>
       }
@@ -118,6 +119,12 @@ const styles = StyleSheet.create({
     right: 0,
     zIndex: 1,
   },
+  footer: {
+    backgroundColor: Platform.select({
+      default: DARK_GRAY,
+      ios: undefined,
+    }),
+  },
   item: {
     backgroundColor: 'rgba(0, 0, 0, 0.3)',
     borderRadius: BORDER_RADIUS,