haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
react/features/overlay/components/native/LoadConfigOverlay.js
View File

@ -1,7 +1,7 @@
// @flow // @flow
import React, { Component } from 'react'; 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 { ColorSchemeRegistry } from '../../../base/color-scheme';
import { translate } from '../../../base/i18n'; import { translate } from '../../../base/i18n';
@ -53,23 +53,25 @@ class LoadConfigOverlay extends Component<Props> {
return ( return (
<OverlayFrame> <OverlayFrame>
<SafeAreaView <View
style = { [ style = { [
styles.loadingOverlayWrapper, styles.loadingOverlayWrapper,
_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> </OverlayFrame>
); );
} }

1
react/features/overlay/components/native/styles.js
View File

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