added random graph with colored edged

1 files changed, 28 insertions, 0 deletions

diff --git a/app/screens/graph/graph-screen.tsx b/app/screens/graph/graph-screen.tsx
new file mode 100644
index 0000000..4ba2ee0
--- /dev/null
+++ b/app/screens/graph/graph-screen.tsx
@@ -0,0 +1,28 @@
+import React from "react"
+import { observer } from "mobx-react-lite"
+import { ViewStyle } from "react-native"
+import { Screen, Text } from "../../components"
+// import { useNavigation } from "@react-navigation/native"
+// import { useStores } from "../../models"
+import { color } from "../../theme"
+
+import { Graph } from "../../components"
+
+const ROOT: ViewStyle = {
+  backgroundColor: color.palette.black,
+  flex: 1,
+}
+
+export const GraphScreen = observer(function GraphScreen() {
+  // Pull in one of our MST stores
+  // const { someStore, anotherStore } = useStores()
+
+  // Pull in navigation via hook
+  // const navigation = useNavigation()
+  return (
+    <Screen style={ROOT} preset="scroll">
+      <Text preset="header" text="Graph" />
+      <Graph/>
+    </Screen>
+  )
+})