Browse Source

Replaced expo linear gradient by react native one

Arnaud Vergnet 3 years ago
parent
commit
6ca2ca67a5
2 changed files with 9 additions and 9 deletions
  1. 1
    1
      package.json
  2. 8
    8
      src/components/Overrides/CustomIntroSlider.js

+ 1
- 1
package.json View File

@@ -27,7 +27,6 @@
27 27
     "expo": "^37.0.0",
28 28
     "expo-barcode-scanner": "~8.1.0",
29 29
     "expo-camera": "latest",
30
-    "expo-linear-gradient": "~8.1.0",
31 30
     "expo-localization": "~8.1.0",
32 31
     "expo-permissions": "~8.1.0",
33 32
     "expo-secure-store": "~8.1.0",
@@ -43,6 +42,7 @@
43 42
     "react-native-collapsible": "^1.5.2",
44 43
     "react-native-gesture-handler": "~1.6.0",
45 44
     "react-native-image-modal": "^1.0.6",
45
+    "react-native-linear-gradient": "^2.5.6",
46 46
     "react-native-modalize": "^1.3.6",
47 47
     "react-native-paper": "^3.8.0",
48 48
     "react-native-reanimated": "~1.7.0",

+ 8
- 8
src/components/Overrides/CustomIntroSlider.js View File

@@ -1,7 +1,6 @@
1 1
 // @flow
2 2
 
3 3
 import * as React from 'react';
4
-import {LinearGradient} from "expo-linear-gradient";
5 4
 import {Image, Platform, StatusBar, StyleSheet, View} from "react-native";
6 5
 import {MaterialCommunityIcons} from "@expo/vector-icons";
7 6
 import {Text} from "react-native-paper";
@@ -9,6 +8,7 @@ import i18n from 'i18n-js';
9 8
 import AppIntroSlider from "react-native-app-intro-slider";
10 9
 import Update from "../../constants/Update";
11 10
 import ThemeManager from "../../managers/ThemeManager";
11
+import LinearGradient from 'react-native-linear-gradient';
12 12
 
13 13
 type Props = {
14 14
     onDone: Function,
@@ -40,49 +40,49 @@ export default class CustomIntroSlider extends React.Component<Props> {
40 40
                 title: i18n.t('intro.slide1.title'),
41 41
                 text: i18n.t('intro.slide1.text'),
42 42
                 image: require('../../../assets/splash.png'),
43
-                colors: ['#e01928', '#be1522'],
43
+                colors: ['#dc2634', '#be1522'],
44 44
             },
45 45
             {
46 46
                 key: '2',
47 47
                 title: i18n.t('intro.slide2.title'),
48 48
                 text: i18n.t('intro.slide2.text'),
49 49
                 icon: 'calendar-range',
50
-                colors: ['#d99e09', '#c28d08'],
50
+                colors: ['#d99e09', '#9e7205'],
51 51
             },
52 52
             {
53 53
                 key: '3',
54 54
                 title: i18n.t('intro.slide3.title'),
55 55
                 text: i18n.t('intro.slide3.text'),
56 56
                 icon: 'washing-machine',
57
-                colors: ['#1fa5ee', '#1c97da'],
57
+                colors: ['#1fa5ee', '#0976b1'],
58 58
             },
59 59
             {
60 60
                 key: '4',
61 61
                 title: i18n.t('intro.slide4.title'),
62 62
                 text: i18n.t('intro.slide4.text'),
63 63
                 icon: 'shopping',
64
-                colors: ['#ec5904', '#da5204'],
64
+                colors: ['#ec5904', '#b64300'],
65 65
             },
66 66
             {
67 67
                 key: '5',
68 68
                 title: i18n.t('intro.slide5.title'),
69 69
                 text: i18n.t('intro.slide5.text'),
70 70
                 icon: 'timetable',
71
-                colors: ['#7c33ec', '#732fda'],
71
+                colors: ['#7c33ec', '#5e11d1'],
72 72
             },
73 73
             {
74 74
                 key: '6',
75 75
                 title: i18n.t('intro.slide6.title'),
76 76
                 text: i18n.t('intro.slide6.text'),
77 77
                 icon: 'silverware-fork-knife',
78
-                colors: ['#ec1213', '#ff372f'],
78
+                colors: ['#ec1213', '#970902'],
79 79
             },
80 80
             {
81 81
                 key: '7',
82 82
                 title: i18n.t('intro.slide7.title'),
83 83
                 text: i18n.t('intro.slide7.text'),
84 84
                 icon: 'cogs',
85
-                colors: ['#37c13e', '#26852b'],
85
+                colors: ['#37c13e', '#1a5a1d'],
86 86
             },
87 87
         ];
88 88
         this.updateSlides = [

Loading…
Cancel
Save