⭐️ Impl: Ex - Add Test07 Placeholder

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

example/src/examples/Test07.tsx

@@ -0,0 +1,64 @@
+// Note: Created based on `example/src_old/ModalViewTest8.js`
+
+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 Test07(props: ExampleProps) {
+  const modalRef = React.useRef<ModalView>(null);
+
+  const [counter, setCounter] = React.useState(0);
+
+  return (
+    <ExampleCard
+      style={props.style}
+      index={props.index}
+      title={'Test07'}
+      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

@@ -15,6 +15,7 @@ import { Test03 } from '../examples/Test03';
 import { Test04 } from '../examples/Test04';
 import { Test05 } from '../examples/Test05';
 import { Test06 } from '../examples/Test06';
+import { Test07 } from '../examples/Test07';
 
 import { Example01 } from '../examples/Example01';
 
@@ -45,6 +46,7 @@ const EXAMPLE_COMPONENTS: Array<ExampleComponentItem> = [
   Test04,
   Test05,
   Test06,
+  Test07,
   Example01,
   SHARED_ENV.enableReactNavigation && DebugControls,
 ];