rn: fix filling LoadConfigOverlay's background
This commit is contained in:
parent
32a81b0be5
commit
ccc5e19e3c
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -27,6 +27,7 @@ export default {
|
|||
},
|
||||
|
||||
loadingOverlayWrapper: {
|
||||
...StyleSheet.absoluteFillObject,
|
||||
alignItems: 'center',
|
||||
flex: 1,
|
||||
flexDirection: 'column',
|
||||
|
|
Loading…
Reference in New Issue