|
@@ -91,7 +91,7 @@ export default class CustomIntroSlider extends React.Component<Props, State> {
|
91
|
91
|
key: '4',
|
92
|
92
|
title: i18n.t('intro.slideDone.title'),
|
93
|
93
|
text: i18n.t('intro.slideDone.text'),
|
94
|
|
- view: () => this.getIconView("account-heart",),
|
|
94
|
+ view: () => this.getEndView(),
|
95
|
95
|
mascotStyle: MASCOT_STYLE.COOL,
|
96
|
96
|
colors: ['#9c165b', '#3e042b'],
|
97
|
97
|
},
|
|
@@ -146,7 +146,7 @@ export default class CustomIntroSlider extends React.Component<Props, State> {
|
146
|
146
|
</View>
|
147
|
147
|
<Animatable.View
|
148
|
148
|
animation={"fadeIn"}>
|
149
|
|
- {index !== 0
|
|
149
|
+ {index !== 0 && index !== this.introSlides.length -1
|
150
|
150
|
? <Animatable.View
|
151
|
151
|
animation={"pulse"}
|
152
|
152
|
iterationCount={"infinite"}
|
|
@@ -154,9 +154,10 @@ export default class CustomIntroSlider extends React.Component<Props, State> {
|
154
|
154
|
style={{
|
155
|
155
|
marginLeft: 30,
|
156
|
156
|
marginBottom: 0,
|
157
|
|
- width: 80
|
|
157
|
+ width: 100,
|
|
158
|
+ marginTop: -30,
|
158
|
159
|
}}>
|
159
|
|
- <Mascot emotion={item.mascotStyle} size={80}/>
|
|
160
|
+ <Mascot emotion={item.mascotStyle} size={100}/>
|
160
|
161
|
</Animatable.View> : null}
|
161
|
162
|
|
162
|
163
|
<View style={{
|
|
@@ -200,6 +201,30 @@ export default class CustomIntroSlider extends React.Component<Props, State> {
|
200
|
201
|
);
|
201
|
202
|
}
|
202
|
203
|
|
|
204
|
+ getEndView = () => {
|
|
205
|
+ return (
|
|
206
|
+ <View style={{flex: 1}}>
|
|
207
|
+ <View
|
|
208
|
+ style={styles.center}>
|
|
209
|
+ <Mascot
|
|
210
|
+ size={250}
|
|
211
|
+ emotion={MASCOT_STYLE.COOL}
|
|
212
|
+ animated={true}
|
|
213
|
+ entryAnimation={{
|
|
214
|
+ animation: "slideInDown",
|
|
215
|
+ duration: 2000,
|
|
216
|
+ }}
|
|
217
|
+ loopAnimation={{
|
|
218
|
+ animation: "pulse",
|
|
219
|
+ duration: 2000,
|
|
220
|
+ iterationCount: "infinite"
|
|
221
|
+ }}
|
|
222
|
+ />
|
|
223
|
+ </View>
|
|
224
|
+ </View>
|
|
225
|
+ );
|
|
226
|
+ }
|
|
227
|
+
|
203
|
228
|
getWelcomeView = () => {
|
204
|
229
|
return (
|
205
|
230
|
<View style={{flex: 1}}>
|
|
@@ -214,6 +239,43 @@ export default class CustomIntroSlider extends React.Component<Props, State> {
|
214
|
239
|
duration: 2000,
|
215
|
240
|
}}
|
216
|
241
|
/>
|
|
242
|
+ <Animatable.Text
|
|
243
|
+ useNativeDriver={true}
|
|
244
|
+ animation={"fadeInUp"}
|
|
245
|
+ duration={500}
|
|
246
|
+
|
|
247
|
+ style={{
|
|
248
|
+ color: "#fff",
|
|
249
|
+ textAlign: "center",
|
|
250
|
+ fontSize: 25,
|
|
251
|
+ }}>
|
|
252
|
+ PABLO
|
|
253
|
+ </Animatable.Text>
|
|
254
|
+ <Animatable.View
|
|
255
|
+ useNativeDriver={true}
|
|
256
|
+ animation={"fadeInUp"}
|
|
257
|
+ duration={500}
|
|
258
|
+ delay={200}
|
|
259
|
+
|
|
260
|
+ style={{
|
|
261
|
+ position: "absolute",
|
|
262
|
+ top: 210,
|
|
263
|
+ left: 160,
|
|
264
|
+ width: 50,
|
|
265
|
+ height: 50,
|
|
266
|
+ }}>
|
|
267
|
+ <MaterialCommunityIcons
|
|
268
|
+ style={{
|
|
269
|
+ marginLeft: "auto",
|
|
270
|
+ marginRight: "auto",
|
|
271
|
+ marginTop: "auto",
|
|
272
|
+ marginBottom: "auto",
|
|
273
|
+ transform: [{rotateZ: "70deg"}],
|
|
274
|
+ }}
|
|
275
|
+ name={"undo"}
|
|
276
|
+ color={'#fff'}
|
|
277
|
+ size={40}/>
|
|
278
|
+ </Animatable.View>
|
217
|
279
|
</View>
|
218
|
280
|
</View>
|
219
|
281
|
)
|