Merge pull request #86 from JairajJangle/feat/multi-tree-simultaneously

Feature: added ability to render multiple tree views simultaneously #78

Author: JairajJangle

example/ios/Podfile.lock

@@ -315,7 +315,7 @@ PODS:
   - React-jsinspector (0.72.17)
   - React-logger (0.72.17):
     - glog
-  - react-native-safe-area-context (4.11.0):
+  - react-native-safe-area-context (4.14.0):
     - React-Core
   - React-NativeModulesApple (0.72.17):
     - hermes-engine
@@ -427,13 +427,13 @@ PODS:
     - React-jsi (= 0.72.17)
     - React-logger (= 0.72.17)
     - React-perflogger (= 0.72.17)
-  - RNFlashList (1.7.1):
+  - RNFlashList (1.7.2):
     - RCT-Folly (= 2021.07.22.00)
     - React-Core
-  - RNGestureHandler (2.20.0):
+  - RNGestureHandler (2.21.0):
     - RCT-Folly (= 2021.07.22.00)
     - React-Core
-  - RNScreens (3.34.0):
+  - RNScreens (3.35.0):
     - RCT-Folly (= 2021.07.22.00)
     - React-Core
     - React-RCTImage
@@ -611,7 +611,7 @@ SPEC CHECKSUMS:
   React-jsiexecutor: 8dc585381e476c3ff2e9468f444c90c4d1d5b874
   React-jsinspector: 853b8631b908636bb09ef77cb217376c38a0c8ff
   React-logger: 9ca44bb5703bf2355f3c2d2e5e67bfe98ca2dc34
-  react-native-safe-area-context: 851c62c48dce80ccaa5637b6aa5991a1bc36eca9
+  react-native-safe-area-context: 4532f1a0c5d34a46b9324ccaaedcb5582a302b7d
   React-NativeModulesApple: 2edfcbb25329e3eb5f76eb79d89010de7c1c6f1f
   React-perflogger: 785b0063af5178298a61b54bb46aae9a19c7bbb5
   React-RCTActionSheet: 84f37b34bd77249263ace75471d6664393c29972
@@ -629,9 +629,9 @@ SPEC CHECKSUMS:
   React-runtimescheduler: ff30efdf24f8ce62eb517a391ded3d99c4263bb0
   React-utils: 7959d4553163b61e01bbe83dbd80e58ca420aecb
   ReactCommon: 841449721eb2e004de2c3366844b0a03f329f2cb
-  RNFlashList: 912ea5fbd98161b0816342c30179a7a2d51744cf
-  RNGestureHandler: fc9b83c69a222770e07bef8a6f6c47d9ebfcd336
-  RNScreens: 284fcee9d8d4648851fdb85dd0e200daebedcc14
+  RNFlashList: 6c2a9e447b143b4cd6f0f9cdd6e5ff9b0d52bab4
+  RNGestureHandler: 19965a2b309a5f21aab145e6242e90b173ed6ee7
+  RNScreens: 2fc874a2605e88dedf43204a79fad1d2da4abfbe
   RNVectorIcons: 4785c0f1161b4fdc691c802c989248326d0b005d
   SocketRocket: f32cd54efbe0f095c4d7594881e52619cfe80b17
   Yoga: ef534101bb891fb09bae657417f34d399c1efe38

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,
+  }
+});