-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
117 lines (113 loc) · 3.49 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
import React, { Component } from 'react';
import { Provider,connect } from 'react-redux';
import store from './components/store/store';
import { Router, Scene } from 'react-native-router-flux';
import {
Platform,
StyleSheet,
Text,
View,
AsyncStorage,
Animated
} from 'react-native';
import BookHistory from './components/transaction/history';
import Login from './components/login/login';
import Wellcome from './components/wellcome/wellcome';
import Notification from './components/notification/mainviewNoti';
import NotificationDetail from './components/notification/detail';
import Promotion from './components/promotion/mainviewPromotion';
import PromotionDetail from './components/promotion/detail';
import Home from './components/home/mainview';
import DetailFilm from './components/movies/detail';
import Showtimes from './components/movies/showtimes';
import Booking from './components/movies/booking';
import Maps from './components/maps/maps';
import Confirm from './components/movies/confirm';
import Payment from './components/movies/payment';
import Profile from './components/profile/profile';
const transitionConfig = () => ({
screenInterpolator: sceneProps => {
const { layout, position, scene } = sceneProps;
const { index } = scene;
const translateX = position.interpolate({
inputRange: [index - 1, index, index + 1],
outputRange: [layout.initWidth, 0, 0]
});
const opacity = position.interpolate({
inputRange: [index - 1, index - 0.99, index, index + 0.99, index + 1],
outputRange: [0, 1, 1, 0.3, 0]
});
return { opacity, transform: [{ translateX }] }
}
})
export default class App extends Component {
render() {
return (
<Provider store={store} >
<Router>
<Scene key="root"
transitionConfig={transitionConfig}
>
<Scene key="Wellcome"
component={Wellcome}
title="Wellcome"
/>
<Scene key="Login"
component={Login}
/>
<Scene key="DetailFilm"
component={DetailFilm}
/>
<Scene key="Showtimes"
component={Showtimes}
/>
<Scene key="Booking"
component={Booking}
/>
<Scene key="Confirm"
component={Confirm}
/>
<Scene key="Payment"
component={Payment}
/>
<Scene key="Promotion"
component={Promotion}
title="Promotion"
/>
<Scene key="PromotionDetail"
component={PromotionDetail}
title="PromotionDetail"
/>
<Scene key="Notification"
component={Notification}
title="Notification"
/>
<Scene key="NotificationDetail"
component={NotificationDetail}
title="NotificationDetail"
/>
<Scene key="Home"
component={Home}
title="Home"
/>
<Scene
key="BookHistory"
component={BookHistory}
title="BookHistory"
/>
<Scene
key="Maps"
component={Maps}
title="Maps"
/>
<Scene
key="Profile"
component={Profile}
title="Profile"
/>
</Scene>
</Router>
</Provider>
);
}
}