chore: #78 updated example app with example for multi tree view components

Author: JairajJangle

example/src/App.tsx

@@ -16,6 +16,7 @@ import {
   NeitherToChildrenNorToParentSmallDataScreen
 } from './screens/SelectionPropagationScreens';
 import packageJson from '../../package.json';
+import { TwoTreeViewsScreen } from "./screens/TwoTreeViewsScreen";
 
 const data: ShowcaseExampleScreenSectionType[] = [
   {
@@ -78,6 +79,16 @@ const data: ShowcaseExampleScreenSectionType[] = [
       },
     ],
   },
+  {
+    title: 'Multiple Tree Views',
+    data: [
+      {
+        name: 'Two Tree Views',
+        slug: 'two-tree-views',
+        getScreen: () => TwoTreeViewsScreen,
+      },
+    ],
+  },
 ];
 
 export default function App() {

example/src/screens/TwoTreeViewsScreen.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+import SmallDataScreen from "./SmallDataScreen";
+import { View, StyleSheet } from "react-native";
+
+export function TwoTreeViewsScreen() {
+  return (
+    <>
+      <View
+        style={styles.treeViewParent}>
+        <SmallDataScreen />
+      </View>
+
+
+      <View
+        style={styles.treeViewParent}>
+        <SmallDataScreen />
+      </View>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  treeViewParent: {
+    flex: 1,
+  }
+});