rn: fix filling LoadConfigOverlay's background

This commit is contained in:
Saúl Ibarra Corretgé 2019-04-24 10:17:27 +02:00 committed by Saúl Ibarra Corretgé
parent 32a81b0be5
commit ccc5e19e3c
2 changed files with 17 additions and 14 deletions

View File

@ -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>
);
}

View File

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