geindre/application-amicale
1
0
Fork 0
forked from vergnet/application-amicale
Code Issues Pull requests Releases Wiki Activity

Improved game start screen gradient

Browse source
This commit is contained in:
Arnaud Vergnet 2020-07-21 22:21:37 +02:00
parent b2ff90855f
commit ae3d9310d6
1 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/screens/Game/screens/GameStartScreen.js
View file

@ -379,15 +379,7 @@ class GameStartScreen extends React.Component<Props, State> {
getMainContent() { getMainContent() {
return ( return (
<LinearGradient
style={{flex: 1}}
colors={[
this.props.theme.colors.background + "00",
this.props.theme.colors.background
]}
start={{x: 0, y: 0.1}}
end={{x: 0.1, y: 1}}
>
<View style={{flex: 1}}> <View style={{flex: 1}}>
{ {
this.gameStats != null this.gameStats != null
@ -415,7 +407,6 @@ class GameStartScreen extends React.Component<Props, State> {
</Button> </Button>
{this.getTopScoresRender()} {this.getTopScoresRender()}
</View> </View>
</LinearGradient>
) )
} }
@ -425,6 +416,15 @@ class GameStartScreen extends React.Component<Props, State> {
return ( return (
<View style={{flex: 1}}> <View style={{flex: 1}}>
{this.getPiecesBackground()} {this.getPiecesBackground()}
<LinearGradient
style={{flex: 1}}
colors={[
this.props.theme.colors.background + "00",
this.props.theme.colors.background
]}
start={{x: 0, y: 0}}
end={{x: 0, y: 1}}
>
<ScrollView> <ScrollView>
{this.getMainContent()} {this.getMainContent()}
<MascotPopup <MascotPopup
@ -443,6 +443,7 @@ class GameStartScreen extends React.Component<Props, State> {
emotion={MASCOT_STYLE.COOL} emotion={MASCOT_STYLE.COOL}
/> />
</ScrollView> </ScrollView>
</LinearGradient>
</View> </View>
); );