From ccc5e19e3cd5a484758ac16c08d43393fc881caf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sa=C3=BAl=20Ibarra=20Corretg=C3=A9?= <saghul@jitsi.org>
Date: Wed, 24 Apr 2019 10:17:27 +0200
Subject: [PATCH] rn: fix filling LoadConfigOverlay's background

---
 .../components/native/LoadConfigOverlay.js    | 30 ++++++++++---------
 .../overlay/components/native/styles.js       |  1 +
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/react/features/overlay/components/native/LoadConfigOverlay.js b/react/features/overlay/components/native/LoadConfigOverlay.js
index 58f0490f5..234ac7fed 100644
--- a/react/features/overlay/components/native/LoadConfigOverlay.js
+++ b/react/features/overlay/components/native/LoadConfigOverlay.js
@@ -1,7 +1,7 @@
 // @flow
 
 import React, { Component } from 'react';
-import { SafeAreaView, Text } from 'react-native';
+import { SafeAreaView, Text, View } from 'react-native';
 
 import { ColorSchemeRegistry } from '../../../base/color-scheme';
 import { translate } from '../../../base/i18n';
@@ -53,23 +53,25 @@ class LoadConfigOverlay extends Component<Props> {
 
         return (
             <OverlayFrame>
-                <SafeAreaView
+                <View
                     style = { [
                         styles.loadingOverlayWrapper,
                         _styles.loadingOverlayWrapper
                     ] }>
-                    <LoadingIndicator
-                        color = { _styles.indicatorColor }
-                        size = 'large'
-                        style = { styles.connectIndicator } />
-                    <Text
-                        style = { [
-                            styles.loadingOverlayText,
-                            _styles.loadingOverlayText
-                        ] }>
-                        { this.props.t('connectingOverlay.joiningRoom') }
-                    </Text>
-                </SafeAreaView>
+                    <SafeAreaView>
+                        <LoadingIndicator
+                            color = { _styles.indicatorColor }
+                            size = 'large'
+                            style = { styles.connectIndicator } />
+                        <Text
+                            style = { [
+                                styles.loadingOverlayText,
+                                _styles.loadingOverlayText
+                            ] }>
+                            { this.props.t('connectingOverlay.joiningRoom') }
+                        </Text>
+                    </SafeAreaView>
+                </View>
             </OverlayFrame>
         );
     }
diff --git a/react/features/overlay/components/native/styles.js b/react/features/overlay/components/native/styles.js
index f505596df..c1ec7a9de 100644
--- a/react/features/overlay/components/native/styles.js
+++ b/react/features/overlay/components/native/styles.js
@@ -27,6 +27,7 @@ export default {
     },
 
     loadingOverlayWrapper: {
+        ...StyleSheet.absoluteFillObject,
         alignItems: 'center',
         flex: 1,
         flexDirection: 'column',