rn: fix filling LoadConfigOverlay's background

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
+                    <SafeAreaView>
-                        color = { _styles.indicatorColor }
+                        <LoadingIndicator
-                        size = 'large'
+                            color = { _styles.indicatorColor }
-                        style = { styles.connectIndicator } />
+                            size = 'large'
-                    <Text
+                            style = { styles.connectIndicator } />
-                        style = { [
+                        <Text
-                            styles.loadingOverlayText,
+                            style = { [
-                            _styles.loadingOverlayText
+                                styles.loadingOverlayText,
-                        ] }>
+                                _styles.loadingOverlayText
-                        { this.props.t('connectingOverlay.joiningRoom') }
+                            ] }>
-                    </Text>
+                            { this.props.t('connectingOverlay.joiningRoom') }
-                </SafeAreaView>
+                        </Text>
+                    </SafeAreaView>
+                </View>
             </OverlayFrame>
         );
     }

react/features/overlay/components/native/styles.js

@@ -27,6 +27,7 @@ export default {
     },
 
     loadingOverlayWrapper: {
+        ...StyleSheet.absoluteFillObject,
         alignItems: 'center',
         flex: 1,
         flexDirection: 'column',