ajust in safe area view in the web view margin top

react-native/bootstrap/sdk/container.tsx

@@ -1,6 +1,7 @@
 import {BigbluebuttonMobile} from 'bigbluebutton-mobile-sdk';
 import React from 'react';
 import {StyleSheet, View, Platform} from 'react-native';
+import { SdkContainerDiv } from './styles';
 type ISdkContainer = {
   url: string;
   props?: any;
@@ -8,9 +9,9 @@ type ISdkContainer = {
 export default function SdkContainer({url}: ISdkContainer) {
   return (
     <>
-      <View style={styles.container}>
+      <SdkContainerDiv>
         <BigbluebuttonMobile url={url} style={styles.bbb} />
-      </View>
+      </SdkContainerDiv>
     </>
   );
 }

react-native/bootstrap/sdk/styles.ts

@@ -0,0 +1,6 @@
+import styled from "styled-components/native";
+
+export const SdkContainerDiv = styled.SafeAreaView`
+    flex: 1;
+    flex-direction: row;
+`