context of portals

react-native/app/contexts/portals/container.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+import { PortalContext } from './context'
+type IPortalContext = {
+    portals?: any
+    setPortals?: any
+}
+
+export const PortalContextContainer = ({children}: any)=>{
+    const [portals, setPortals] = React.useState(0)
+    const portalHook: IPortalContext = {portals, setPortals}
+    return (
+        <>
+            <PortalContext.Provider value={portalHook}>
+                {children}
+            </PortalContext.Provider>
+        </>
+    )
+
+}

react-native/app/contexts/portals/context.ts

@@ -0,0 +1,2 @@
+import React, { createContext } from 'react'
+export const PortalContext = createContext(false);

react-native/app/contexts/portals/hook.ts

@@ -0,0 +1,11 @@
+import React, { useContext } from 'react'
+import { PortalContext } from './context';
+type IPortalContext = {
+    portals?: any
+    setPortals?: any
+}
+
+export const usePortal = (): IPortalContext=>{
+    const contextOfPortals = useContext(PortalContext);
+    return contextOfPortals as IPortalContext;
+}

react-native/app/pages/list_portals/component.js

@@ -1,12 +0,0 @@
-import React from 'react'
-import { Text, View } from 'react-native';
-
-export const ListPortals = ()=>{
-    return (
-        <>
-            <View style={{marginTop: 10}}>
-                <Text style={{color: 'black'}}>List</Text>
-            </View>
-        </>
-    )
-}