implementing pages and styles

react-native/bootstrap/sdk/container.tsx

@@ -0,0 +1,32 @@
+import { BigbluebuttonMobile } from 'bigbluebutton-mobile-sdk'
+import React from 'react'
+import {StyleSheet, View, Platform} from 'react-native';
+type ISdkContainer = {
+    url: string
+    props?: any
+}
+export default function SdkContainer({url, ...props}: ISdkContainer){
+    return (
+        <>
+            <View style={styles.container}>
+                <BigbluebuttonMobile
+                    broadcastAppBundleId="org.bigbluebutton.mobile.BigBlueButton-Broadcast"
+                    url={url}
+                    style={styles.bbb}
+                />
+            </View>
+        </>
+    )
+}
+
+
+const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      flexDirection: 'row',
+    },
+    bbb: {
+      marginTop: Platform.select({ios: 20, android: 0}),
+      flex: 1,
+    },
+  });

react-native/bootstrap/start/component.js

@@ -1,5 +1,4 @@
 import React from 'react'
-import { Text, View } from 'react-native'
 import { GestureHandlerRootView } from 'react-native-gesture-handler'
 import { Routes } from '../../app/routes/component';
 
@@ -7,11 +6,10 @@ import { Routes } from '../../app/routes/component';
 //This archive is used to envolve app in contexts, libs, etc..
 export const Bootstrap = ()=>{
     return (
-        <>
-            <GestureHandlerRootView>
-                <Text>a</Text>
-                <Routes/>
-            </GestureHandlerRootView>
+        <>            
+            <GestureHandlerRootView>                    
+                    <Routes/>                    
+            </GestureHandlerRootView>           
         </>
     )
 }