⭐️ Impl: Ex - Add Test03 Placeholder

TODO:2023-03-04-03-59-43 - Re-Write Examples in Typescript

example/src/examples/Test03.tsx

@@ -0,0 +1,62 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+
+import type { ExampleProps } from './SharedExampleTypes';
+
+import { ExampleCard } from '../components/ExampleCard';
+
+import { CardBody, CardButton, CardTitle } from '../components/Card';
+
+import { ModalView } from 'react-native-ios-modal';
+
+export function Test03(props: ExampleProps) {
+  const modalRef = React.useRef<ModalView>(null);
+
+  const [counter, setCounter] = React.useState(0);
+
+  return (
+    <ExampleCard
+      style={props.style}
+      index={props.index}
+      title={'Test03'}
+      subtitle={'test - TBA'}
+      description={['desc - TBA']}
+    >
+      <ModalView
+        // TBA
+        ref={modalRef}
+        containerStyle={styles.modalContainer}
+      >
+        <React.Fragment>
+          <CardBody style={styles.modalCard}>
+            <CardTitle title={'Title - TBA'} />
+          </CardBody>
+          <CardButton
+            title={'🌼 TBA'}
+            onPress={() => {
+              // TBA
+            }}
+          />
+        </React.Fragment>
+      </ModalView>
+      <CardButton
+        title={'Show Modal'}
+        onPress={() => {
+          modalRef.current.setVisibility(true);
+        }}
+      />
+    </ExampleCard>
+  );
+}
+
+export const styles = StyleSheet.create({
+  modalContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  modalCard: {
+    alignSelf: 'stretch',
+    backgroundColor: 'white',
+  },
+});

example/src/screens/HomeScreen.tsx

@@ -11,6 +11,7 @@ import type { ExampleProps } from '../examples/SharedExampleTypes';
 import { Test00 } from '../examples/Test00';
 import { Test01 } from '../examples/Test01';
 import { Test02 } from '../examples/Test02';
+import { Test03 } from '../examples/Test03';
 
 import { Example01 } from '../examples/Example01';
 
@@ -37,6 +38,7 @@ const EXAMPLE_COMPONENTS: Array<ExampleComponentItem> = [
   Test00,
   Test01,
   Test02,
+  Test03,
   Example01,
   SHARED_ENV.enableReactNavigation && DebugControls,
 ];