From 8d7ba7ae31692be396da4e40f88d629959c40136 Mon Sep 17 00:00:00 2001
From: Gustavo Emanuel Farias Rosa
 <gustavoemanuelfariasrosa@Gustavos-Mac-mini.local>
Date: Fri, 18 Mar 2022 11:24:01 -0300
Subject: [PATCH] ajust in safe area view in the web view margin top

---
 ios/Podfile.lock                         | 8 ++++----
 react-native/bootstrap/sdk/container.tsx | 5 +++--
 react-native/bootstrap/sdk/styles.ts     | 6 ++++++
 3 files changed, 13 insertions(+), 6 deletions(-)
 create mode 100644 react-native/bootstrap/sdk/styles.ts

diff --git a/ios/Podfile.lock b/ios/Podfile.lock
index 069c579..b7bc898 100644
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -293,7 +293,7 @@ PODS:
     - React-Core
   - RNCMaskedView (0.1.11):
     - React
-  - RNGestureHandler (2.3.0):
+  - RNGestureHandler (2.2.0):
     - React-Core
   - RNLanguages (3.0.2):
     - React
@@ -325,7 +325,7 @@ PODS:
     - React-RCTText
     - ReactCommon/turbomodule/core
     - Yoga
-  - RNScreens (3.13.0):
+  - RNScreens (3.13.1):
     - React-Core
     - React-RCTImage
   - RNVectorIcons (9.1.0):
@@ -508,10 +508,10 @@ SPEC CHECKSUMS:
   ReactNativeLocalization: 076497d7ca70341c751cd3b3e7c86187332a182d
   RNCAsyncStorage: b49b4e38a1548d03b74b30e558a1d18465b94be7
   RNCMaskedView: 0e1bc4bfa8365eba5fbbb71e07fbdc0555249489
-  RNGestureHandler: 77d59828d40838c9fabb76a12d2d0a80c006906f
+  RNGestureHandler: bf572f552ea324acd5b5464b8d30755b2d8c1de6
   RNLanguages: 962e562af0d34ab1958d89bcfdb64fafc37c513e
   RNReanimated: 32c91e28f5780937b8efc07ddde1bab8d373fe0b
-  RNScreens: aa12070b21c1d6011b3627a0b1d09b627232b070
+  RNScreens: 40a2cb40a02a609938137a1e0acfbf8fc9eebf19
   RNVectorIcons: 7923e585eaeb139b9f4531d25a125a1500162a0b
   WebRTC-lib: 508fe02efa0c1a3a8867082a77d24c9be5d29aeb
   Yoga: 9b6696970c3289e8dea34b3eda93f23e61fb8121
diff --git a/react-native/bootstrap/sdk/container.tsx b/react-native/bootstrap/sdk/container.tsx
index aa5becf..db1822f 100644
--- a/react-native/bootstrap/sdk/container.tsx
+++ b/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>
     </>
   );
 }
diff --git a/react-native/bootstrap/sdk/styles.ts b/react-native/bootstrap/sdk/styles.ts
new file mode 100644
index 0000000..b4790a4
--- /dev/null
+++ b/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;
+`
\ No newline at end of file