Browse Source

Improved game start screen gradient

Arnaud Vergnet 3 years ago
parent
commit
ae3d9310d6
1 changed files with 11 additions and 10 deletions
  1. 11
    10
      src/screens/Game/screens/GameStartScreen.js

+ 11
- 10
src/screens/Game/screens/GameStartScreen.js View File

379
 
379
 
380
     getMainContent() {
380
     getMainContent() {
381
         return (
381
         return (
382
-            <LinearGradient
383
-                style={{flex: 1}}
384
-                colors={[
385
-                    this.props.theme.colors.background + "00",
386
-                    this.props.theme.colors.background
387
-                ]}
388
-                start={{x: 0, y: 0.1}}
389
-                end={{x: 0.1, y: 1}}
390
-            >
382
+
391
                 <View style={{flex: 1}}>
383
                 <View style={{flex: 1}}>
392
                     {
384
                     {
393
                         this.gameStats != null
385
                         this.gameStats != null
415
                     </Button>
407
                     </Button>
416
                     {this.getTopScoresRender()}
408
                     {this.getTopScoresRender()}
417
                 </View>
409
                 </View>
418
-            </LinearGradient>
419
         )
410
         )
420
     }
411
     }
421
 
412
 
425
         return (
416
         return (
426
             <View style={{flex: 1}}>
417
             <View style={{flex: 1}}>
427
                 {this.getPiecesBackground()}
418
                 {this.getPiecesBackground()}
419
+                <LinearGradient
420
+                    style={{flex: 1}}
421
+                    colors={[
422
+                        this.props.theme.colors.background + "00",
423
+                        this.props.theme.colors.background
424
+                    ]}
425
+                    start={{x: 0, y: 0}}
426
+                    end={{x: 0, y: 1}}
427
+                >
428
                 <ScrollView>
428
                 <ScrollView>
429
                     {this.getMainContent()}
429
                     {this.getMainContent()}
430
                     <MascotPopup
430
                     <MascotPopup
443
                         emotion={MASCOT_STYLE.COOL}
443
                         emotion={MASCOT_STYLE.COOL}
444
                     />
444
                     />
445
                 </ScrollView>
445
                 </ScrollView>
446
+                </LinearGradient>
446
             </View>
447
             </View>
447
 
448
 
448
         );
449
         );

Loading…
Cancel
Save