|
@@ -1,271 +1,292 @@
|
|
1
|
+// @flow
|
|
2
|
+
|
1
|
3
|
import * as React from 'react';
|
2
|
4
|
import {createStackNavigator, TransitionPresets} from '@react-navigation/stack';
|
3
|
|
-import {createBottomTabNavigator} from "@react-navigation/bottom-tabs";
|
|
5
|
+import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
|
4
|
6
|
|
|
7
|
+import {Title, useTheme} from 'react-native-paper';
|
|
8
|
+import {Platform} from 'react-native';
|
|
9
|
+import i18n from 'i18n-js';
|
|
10
|
+import {createCollapsibleStack} from 'react-navigation-collapsible';
|
|
11
|
+import {View} from 'react-native-animatable';
|
5
|
12
|
import HomeScreen from '../screens/Home/HomeScreen';
|
6
|
13
|
import PlanningScreen from '../screens/Planning/PlanningScreen';
|
7
|
14
|
import PlanningDisplayScreen from '../screens/Planning/PlanningDisplayScreen';
|
8
|
15
|
import ProxiwashScreen from '../screens/Proxiwash/ProxiwashScreen';
|
9
|
16
|
import ProxiwashAboutScreen from '../screens/Proxiwash/ProxiwashAboutScreen';
|
10
|
17
|
import PlanexScreen from '../screens/Planex/PlanexScreen';
|
11
|
|
-import AsyncStorageManager from "../managers/AsyncStorageManager";
|
12
|
|
-import {Title, useTheme} from 'react-native-paper';
|
13
|
|
-import {Platform} from 'react-native';
|
14
|
|
-import i18n from "i18n-js";
|
15
|
|
-import ClubDisplayScreen from "../screens/Amicale/Clubs/ClubDisplayScreen";
|
16
|
|
-import ScannerScreen from "../screens/Home/ScannerScreen";
|
17
|
|
-import FeedItemScreen from "../screens/Home/FeedItemScreen";
|
18
|
|
-import {createCollapsibleStack} from "react-navigation-collapsible";
|
19
|
|
-import GroupSelectionScreen from "../screens/Planex/GroupSelectionScreen";
|
20
|
|
-import CustomTabBar from "../components/Tabbar/CustomTabBar";
|
21
|
|
-import WebsitesHomeScreen from "../screens/Services/ServicesScreen";
|
22
|
|
-import ServicesSectionScreen from "../screens/Services/ServicesSectionScreen";
|
23
|
|
-import AmicaleContactScreen from "../screens/Amicale/AmicaleContactScreen";
|
24
|
|
-import {createScreenCollapsibleStack, getWebsiteStack} from "../utils/CollapsibleUtils";
|
25
|
|
-import {View} from "react-native-animatable";
|
26
|
|
-import Mascot, {MASCOT_STYLE} from "../components/Mascot/Mascot";
|
27
|
|
-
|
28
|
|
-const modalTransition = Platform.OS === 'ios' ? TransitionPresets.ModalPresentationIOS : TransitionPresets.ModalSlideFromBottomIOS;
|
|
18
|
+import AsyncStorageManager from '../managers/AsyncStorageManager';
|
|
19
|
+import ClubDisplayScreen from '../screens/Amicale/Clubs/ClubDisplayScreen';
|
|
20
|
+import ScannerScreen from '../screens/Home/ScannerScreen';
|
|
21
|
+import FeedItemScreen from '../screens/Home/FeedItemScreen';
|
|
22
|
+import GroupSelectionScreen from '../screens/Planex/GroupSelectionScreen';
|
|
23
|
+import CustomTabBar from '../components/Tabbar/CustomTabBar';
|
|
24
|
+import WebsitesHomeScreen from '../screens/Services/ServicesScreen';
|
|
25
|
+import ServicesSectionScreen from '../screens/Services/ServicesSectionScreen';
|
|
26
|
+import AmicaleContactScreen from '../screens/Amicale/AmicaleContactScreen';
|
|
27
|
+import {
|
|
28
|
+ createScreenCollapsibleStack,
|
|
29
|
+ getWebsiteStack,
|
|
30
|
+} from '../utils/CollapsibleUtils';
|
|
31
|
+import Mascot, {MASCOT_STYLE} from '../components/Mascot/Mascot';
|
29
|
32
|
|
|
33
|
+const modalTransition =
|
|
34
|
+ Platform.OS === 'ios'
|
|
35
|
+ ? TransitionPresets.ModalPresentationIOS
|
|
36
|
+ : TransitionPresets.ModalSlideFromBottomIOS;
|
30
|
37
|
|
31
|
38
|
const defaultScreenOptions = {
|
32
|
|
- gestureEnabled: true,
|
33
|
|
- cardOverlayEnabled: true,
|
34
|
|
- ...modalTransition,
|
|
39
|
+ gestureEnabled: true,
|
|
40
|
+ cardOverlayEnabled: true,
|
|
41
|
+ ...modalTransition,
|
35
|
42
|
};
|
36
|
43
|
|
37
|
|
-
|
38
|
44
|
const ServicesStack = createStackNavigator();
|
39
|
45
|
|
40
|
|
-function ServicesStackComponent() {
|
41
|
|
- return (
|
42
|
|
- <ServicesStack.Navigator
|
43
|
|
- initialRouteName="index"
|
44
|
|
- headerMode={"screen"}
|
45
|
|
- screenOptions={defaultScreenOptions}
|
46
|
|
- >
|
47
|
|
- {createScreenCollapsibleStack(
|
48
|
|
- "index",
|
49
|
|
- ServicesStack,
|
50
|
|
- WebsitesHomeScreen,
|
51
|
|
- i18n.t('screens.services.title'))}
|
52
|
|
- {createScreenCollapsibleStack(
|
53
|
|
- "services-section",
|
54
|
|
- ServicesStack,
|
55
|
|
- ServicesSectionScreen,
|
56
|
|
- "SECTION")}
|
57
|
|
- {createScreenCollapsibleStack(
|
58
|
|
- "amicale-contact",
|
59
|
|
- ServicesStack,
|
60
|
|
- AmicaleContactScreen,
|
61
|
|
- i18n.t('screens.amicaleAbout.title'))}
|
62
|
|
- </ServicesStack.Navigator>
|
63
|
|
- );
|
|
46
|
+function ServicesStackComponent(): React.Node {
|
|
47
|
+ return (
|
|
48
|
+ <ServicesStack.Navigator
|
|
49
|
+ initialRouteName="index"
|
|
50
|
+ headerMode="screen"
|
|
51
|
+ screenOptions={defaultScreenOptions}>
|
|
52
|
+ {createScreenCollapsibleStack(
|
|
53
|
+ 'index',
|
|
54
|
+ ServicesStack,
|
|
55
|
+ WebsitesHomeScreen,
|
|
56
|
+ i18n.t('screens.services.title'),
|
|
57
|
+ )}
|
|
58
|
+ {createScreenCollapsibleStack(
|
|
59
|
+ 'services-section',
|
|
60
|
+ ServicesStack,
|
|
61
|
+ ServicesSectionScreen,
|
|
62
|
+ 'SECTION',
|
|
63
|
+ )}
|
|
64
|
+ {createScreenCollapsibleStack(
|
|
65
|
+ 'amicale-contact',
|
|
66
|
+ ServicesStack,
|
|
67
|
+ AmicaleContactScreen,
|
|
68
|
+ i18n.t('screens.amicaleAbout.title'),
|
|
69
|
+ )}
|
|
70
|
+ </ServicesStack.Navigator>
|
|
71
|
+ );
|
64
|
72
|
}
|
65
|
73
|
|
66
|
74
|
const ProxiwashStack = createStackNavigator();
|
67
|
75
|
|
68
|
|
-function ProxiwashStackComponent() {
|
69
|
|
- return (
|
70
|
|
- <ProxiwashStack.Navigator
|
71
|
|
- initialRouteName="index"
|
72
|
|
- headerMode={"screen"}
|
73
|
|
- screenOptions={defaultScreenOptions}
|
74
|
|
- >
|
75
|
|
- {createScreenCollapsibleStack(
|
76
|
|
- "index",
|
77
|
|
- ProxiwashStack,
|
78
|
|
- ProxiwashScreen,
|
79
|
|
- i18n.t('screens.proxiwash.title'))}
|
80
|
|
- {createScreenCollapsibleStack(
|
81
|
|
- "proxiwash-about",
|
82
|
|
- ProxiwashStack,
|
83
|
|
- ProxiwashAboutScreen,
|
84
|
|
- i18n.t('screens.proxiwash.title'))}
|
85
|
|
- </ProxiwashStack.Navigator>
|
86
|
|
- );
|
|
76
|
+function ProxiwashStackComponent(): React.Node {
|
|
77
|
+ return (
|
|
78
|
+ <ProxiwashStack.Navigator
|
|
79
|
+ initialRouteName="index"
|
|
80
|
+ headerMode="screen"
|
|
81
|
+ screenOptions={defaultScreenOptions}>
|
|
82
|
+ {createScreenCollapsibleStack(
|
|
83
|
+ 'index',
|
|
84
|
+ ProxiwashStack,
|
|
85
|
+ ProxiwashScreen,
|
|
86
|
+ i18n.t('screens.proxiwash.title'),
|
|
87
|
+ )}
|
|
88
|
+ {createScreenCollapsibleStack(
|
|
89
|
+ 'proxiwash-about',
|
|
90
|
+ ProxiwashStack,
|
|
91
|
+ ProxiwashAboutScreen,
|
|
92
|
+ i18n.t('screens.proxiwash.title'),
|
|
93
|
+ )}
|
|
94
|
+ </ProxiwashStack.Navigator>
|
|
95
|
+ );
|
87
|
96
|
}
|
88
|
97
|
|
89
|
98
|
const PlanningStack = createStackNavigator();
|
90
|
99
|
|
91
|
|
-function PlanningStackComponent() {
|
92
|
|
- return (
|
93
|
|
- <PlanningStack.Navigator
|
94
|
|
- initialRouteName="index"
|
95
|
|
- headerMode={"screen"}
|
96
|
|
- screenOptions={defaultScreenOptions}
|
97
|
|
- >
|
98
|
|
- <PlanningStack.Screen
|
99
|
|
- name="index"
|
100
|
|
- component={PlanningScreen}
|
101
|
|
- options={{title: i18n.t('screens.planning.title'),}}
|
102
|
|
- />
|
103
|
|
- {createScreenCollapsibleStack(
|
104
|
|
- "planning-information",
|
105
|
|
- PlanningStack,
|
106
|
|
- PlanningDisplayScreen,
|
107
|
|
- i18n.t('screens.planning.eventDetails'))}
|
108
|
|
- </PlanningStack.Navigator>
|
109
|
|
- );
|
|
100
|
+function PlanningStackComponent(): React.Node {
|
|
101
|
+ return (
|
|
102
|
+ <PlanningStack.Navigator
|
|
103
|
+ initialRouteName="index"
|
|
104
|
+ headerMode="screen"
|
|
105
|
+ screenOptions={defaultScreenOptions}>
|
|
106
|
+ <PlanningStack.Screen
|
|
107
|
+ name="index"
|
|
108
|
+ component={PlanningScreen}
|
|
109
|
+ options={{title: i18n.t('screens.planning.title')}}
|
|
110
|
+ />
|
|
111
|
+ {createScreenCollapsibleStack(
|
|
112
|
+ 'planning-information',
|
|
113
|
+ PlanningStack,
|
|
114
|
+ PlanningDisplayScreen,
|
|
115
|
+ i18n.t('screens.planning.eventDetails'),
|
|
116
|
+ )}
|
|
117
|
+ </PlanningStack.Navigator>
|
|
118
|
+ );
|
110
|
119
|
}
|
111
|
120
|
|
112
|
121
|
const HomeStack = createStackNavigator();
|
113
|
122
|
|
114
|
|
-function HomeStackComponent(initialRoute: string | null, defaultData: { [key: string]: any }) {
|
115
|
|
- let params = undefined;
|
116
|
|
- if (initialRoute != null)
|
117
|
|
- params = {data: defaultData, nextScreen: initialRoute, shouldOpen: true};
|
118
|
|
- const {colors} = useTheme();
|
119
|
|
- return (
|
120
|
|
- <HomeStack.Navigator
|
121
|
|
- initialRouteName={"index"}
|
122
|
|
- headerMode={"screen"}
|
123
|
|
- screenOptions={defaultScreenOptions}
|
124
|
|
- >
|
125
|
|
- {createCollapsibleStack(
|
126
|
|
- <HomeStack.Screen
|
127
|
|
- name="index"
|
128
|
|
- component={HomeScreen}
|
129
|
|
- options={{
|
130
|
|
- title: i18n.t('screens.home.title'),
|
131
|
|
- headerStyle: {
|
132
|
|
- backgroundColor: colors.surface,
|
133
|
|
- },
|
134
|
|
- headerTitle: () =>
|
135
|
|
- <View style={{flexDirection: "row"}}>
|
136
|
|
- <Mascot
|
137
|
|
- style={{
|
138
|
|
- width: 50
|
139
|
|
- }}
|
140
|
|
- emotion={MASCOT_STYLE.RANDOM}
|
141
|
|
- animated={true}
|
142
|
|
- entryAnimation={{
|
143
|
|
- animation: "bounceIn",
|
144
|
|
- duration: 1000
|
145
|
|
- }}
|
146
|
|
- loopAnimation={{
|
147
|
|
- animation: "pulse",
|
148
|
|
- duration: 2000,
|
149
|
|
- iterationCount: "infinite"
|
150
|
|
- }}
|
151
|
|
- />
|
152
|
|
- <Title style={{
|
153
|
|
- marginLeft: 10,
|
154
|
|
- marginTop: "auto",
|
155
|
|
- marginBottom: "auto",
|
156
|
|
- }}>{i18n.t('screens.home.title')}</Title>
|
157
|
|
- </View>
|
158
|
|
- }}
|
159
|
|
- initialParams={params}
|
160
|
|
- />,
|
161
|
|
- {
|
162
|
|
- collapsedColor: colors.surface,
|
163
|
|
- useNativeDriver: true,
|
164
|
|
- }
|
165
|
|
- )}
|
166
|
|
- <HomeStack.Screen
|
167
|
|
- name="scanner"
|
168
|
|
- component={ScannerScreen}
|
169
|
|
- options={{title: i18n.t('screens.scanner.title'),}}
|
170
|
|
- />
|
|
123
|
+function HomeStackComponent(
|
|
124
|
+ initialRoute: string | null,
|
|
125
|
+ defaultData: {[key: string]: string},
|
|
126
|
+): React.Node {
|
|
127
|
+ let params;
|
|
128
|
+ if (initialRoute != null)
|
|
129
|
+ params = {data: defaultData, nextScreen: initialRoute, shouldOpen: true};
|
|
130
|
+ const {colors} = useTheme();
|
|
131
|
+ return (
|
|
132
|
+ <HomeStack.Navigator
|
|
133
|
+ initialRouteName="index"
|
|
134
|
+ headerMode="screen"
|
|
135
|
+ screenOptions={defaultScreenOptions}>
|
|
136
|
+ {createCollapsibleStack(
|
|
137
|
+ <HomeStack.Screen
|
|
138
|
+ name="index"
|
|
139
|
+ component={HomeScreen}
|
|
140
|
+ options={{
|
|
141
|
+ title: i18n.t('screens.home.title'),
|
|
142
|
+ headerStyle: {
|
|
143
|
+ backgroundColor: colors.surface,
|
|
144
|
+ },
|
|
145
|
+ headerTitle: (): React.Node => (
|
|
146
|
+ <View style={{flexDirection: 'row'}}>
|
|
147
|
+ <Mascot
|
|
148
|
+ style={{
|
|
149
|
+ width: 50,
|
|
150
|
+ }}
|
|
151
|
+ emotion={MASCOT_STYLE.RANDOM}
|
|
152
|
+ animated
|
|
153
|
+ entryAnimation={{
|
|
154
|
+ animation: 'bounceIn',
|
|
155
|
+ duration: 1000,
|
|
156
|
+ }}
|
|
157
|
+ loopAnimation={{
|
|
158
|
+ animation: 'pulse',
|
|
159
|
+ duration: 2000,
|
|
160
|
+ iterationCount: 'infinite',
|
|
161
|
+ }}
|
|
162
|
+ />
|
|
163
|
+ <Title
|
|
164
|
+ style={{
|
|
165
|
+ marginLeft: 10,
|
|
166
|
+ marginTop: 'auto',
|
|
167
|
+ marginBottom: 'auto',
|
|
168
|
+ }}>
|
|
169
|
+ {i18n.t('screens.home.title')}
|
|
170
|
+ </Title>
|
|
171
|
+ </View>
|
|
172
|
+ ),
|
|
173
|
+ }}
|
|
174
|
+ initialParams={params}
|
|
175
|
+ />,
|
|
176
|
+ {
|
|
177
|
+ collapsedColor: colors.surface,
|
|
178
|
+ useNativeDriver: true,
|
|
179
|
+ },
|
|
180
|
+ )}
|
|
181
|
+ <HomeStack.Screen
|
|
182
|
+ name="scanner"
|
|
183
|
+ component={ScannerScreen}
|
|
184
|
+ options={{title: i18n.t('screens.scanner.title')}}
|
|
185
|
+ />
|
171
|
186
|
|
172
|
|
- {createScreenCollapsibleStack(
|
173
|
|
- "club-information",
|
174
|
|
- HomeStack,
|
175
|
|
- ClubDisplayScreen,
|
176
|
|
- i18n.t('screens.clubs.details'))}
|
177
|
|
- {createScreenCollapsibleStack(
|
178
|
|
- "feed-information",
|
179
|
|
- HomeStack,
|
180
|
|
- FeedItemScreen,
|
181
|
|
- i18n.t('screens.home.feed'))}
|
182
|
|
- {createScreenCollapsibleStack(
|
183
|
|
- "planning-information",
|
184
|
|
- HomeStack,
|
185
|
|
- PlanningDisplayScreen,
|
186
|
|
- i18n.t('screens.planning.eventDetails'))}
|
187
|
|
- </HomeStack.Navigator>
|
188
|
|
- );
|
|
187
|
+ {createScreenCollapsibleStack(
|
|
188
|
+ 'club-information',
|
|
189
|
+ HomeStack,
|
|
190
|
+ ClubDisplayScreen,
|
|
191
|
+ i18n.t('screens.clubs.details'),
|
|
192
|
+ )}
|
|
193
|
+ {createScreenCollapsibleStack(
|
|
194
|
+ 'feed-information',
|
|
195
|
+ HomeStack,
|
|
196
|
+ FeedItemScreen,
|
|
197
|
+ i18n.t('screens.home.feed'),
|
|
198
|
+ )}
|
|
199
|
+ {createScreenCollapsibleStack(
|
|
200
|
+ 'planning-information',
|
|
201
|
+ HomeStack,
|
|
202
|
+ PlanningDisplayScreen,
|
|
203
|
+ i18n.t('screens.planning.eventDetails'),
|
|
204
|
+ )}
|
|
205
|
+ </HomeStack.Navigator>
|
|
206
|
+ );
|
189
|
207
|
}
|
190
|
208
|
|
191
|
209
|
const PlanexStack = createStackNavigator();
|
192
|
210
|
|
193
|
|
-function PlanexStackComponent() {
|
194
|
|
- return (
|
195
|
|
- <PlanexStack.Navigator
|
196
|
|
- initialRouteName="index"
|
197
|
|
- headerMode={"screen"}
|
198
|
|
- screenOptions={defaultScreenOptions}
|
199
|
|
- >
|
200
|
|
- {getWebsiteStack(
|
201
|
|
- "index",
|
202
|
|
- PlanexStack,
|
203
|
|
- PlanexScreen,
|
204
|
|
- i18n.t("screens.planex.title"))}
|
205
|
|
- {createScreenCollapsibleStack(
|
206
|
|
- "group-select",
|
207
|
|
- PlanexStack,
|
208
|
|
- GroupSelectionScreen,
|
209
|
|
- "")}
|
210
|
|
- </PlanexStack.Navigator>
|
211
|
|
- );
|
|
211
|
+function PlanexStackComponent(): React.Node {
|
|
212
|
+ return (
|
|
213
|
+ <PlanexStack.Navigator
|
|
214
|
+ initialRouteName="index"
|
|
215
|
+ headerMode="screen"
|
|
216
|
+ screenOptions={defaultScreenOptions}>
|
|
217
|
+ {getWebsiteStack(
|
|
218
|
+ 'index',
|
|
219
|
+ PlanexStack,
|
|
220
|
+ PlanexScreen,
|
|
221
|
+ i18n.t('screens.planex.title'),
|
|
222
|
+ )}
|
|
223
|
+ {createScreenCollapsibleStack(
|
|
224
|
+ 'group-select',
|
|
225
|
+ PlanexStack,
|
|
226
|
+ GroupSelectionScreen,
|
|
227
|
+ '',
|
|
228
|
+ )}
|
|
229
|
+ </PlanexStack.Navigator>
|
|
230
|
+ );
|
212
|
231
|
}
|
213
|
232
|
|
214
|
233
|
const Tab = createBottomTabNavigator();
|
215
|
234
|
|
216
|
|
-type Props = {
|
217
|
|
- defaultHomeRoute: string | null,
|
218
|
|
- defaultHomeData: { [key: string]: any }
|
219
|
|
-}
|
|
235
|
+type PropsType = {
|
|
236
|
+ defaultHomeRoute: string | null,
|
|
237
|
+ defaultHomeData: {[key: string]: string},
|
|
238
|
+};
|
220
|
239
|
|
221
|
|
-export default class TabNavigator extends React.Component<Props> {
|
|
240
|
+export default class TabNavigator extends React.Component<PropsType> {
|
|
241
|
+ createHomeStackComponent: () => React.Node;
|
222
|
242
|
|
223
|
|
- createHomeStackComponent: () => HomeStackComponent;
|
224
|
|
- defaultRoute: string;
|
|
243
|
+ defaultRoute: string;
|
225
|
244
|
|
226
|
|
- constructor(props) {
|
227
|
|
- super(props);
|
228
|
|
- if (props.defaultHomeRoute != null)
|
229
|
|
- this.defaultRoute = 'home';
|
230
|
|
- else
|
231
|
|
- this.defaultRoute = AsyncStorageManager.getString(AsyncStorageManager.PREFERENCES.defaultStartScreen.key).toLowerCase();
|
232
|
|
- this.createHomeStackComponent = () => HomeStackComponent(props.defaultHomeRoute, props.defaultHomeData);
|
233
|
|
- }
|
|
245
|
+ constructor(props: PropsType) {
|
|
246
|
+ super(props);
|
|
247
|
+ if (props.defaultHomeRoute != null) this.defaultRoute = 'home';
|
|
248
|
+ else
|
|
249
|
+ this.defaultRoute = AsyncStorageManager.getString(
|
|
250
|
+ AsyncStorageManager.PREFERENCES.defaultStartScreen.key,
|
|
251
|
+ ).toLowerCase();
|
|
252
|
+ this.createHomeStackComponent = (): React.Node =>
|
|
253
|
+ HomeStackComponent(props.defaultHomeRoute, props.defaultHomeData);
|
|
254
|
+ }
|
234
|
255
|
|
235
|
|
- render() {
|
236
|
|
- return (
|
237
|
|
- <Tab.Navigator
|
238
|
|
- initialRouteName={this.defaultRoute}
|
239
|
|
- tabBar={props => <CustomTabBar {...props} />}
|
240
|
|
- >
|
241
|
|
- <Tab.Screen
|
242
|
|
- name="services"
|
243
|
|
- option
|
244
|
|
- component={ServicesStackComponent}
|
245
|
|
- options={{title: i18n.t('screens.services.title')}}
|
246
|
|
- />
|
247
|
|
- <Tab.Screen
|
248
|
|
- name="proxiwash"
|
249
|
|
- component={ProxiwashStackComponent}
|
250
|
|
- options={{title: i18n.t('screens.proxiwash.title')}}
|
251
|
|
- />
|
252
|
|
- <Tab.Screen
|
253
|
|
- name="home"
|
254
|
|
- component={this.createHomeStackComponent}
|
255
|
|
- options={{title: i18n.t('screens.home.title')}}
|
256
|
|
- />
|
257
|
|
- <Tab.Screen
|
258
|
|
- name="planning"
|
259
|
|
- component={PlanningStackComponent}
|
260
|
|
- options={{title: i18n.t('screens.planning.title')}}
|
261
|
|
- />
|
|
256
|
+ render(): React.Node {
|
|
257
|
+ return (
|
|
258
|
+ <Tab.Navigator
|
|
259
|
+ initialRouteName={this.defaultRoute}
|
|
260
|
+ // eslint-disable-next-line react/jsx-props-no-spreading
|
|
261
|
+ tabBar={(props: {...}): React.Node => <CustomTabBar {...props} />}>
|
|
262
|
+ <Tab.Screen
|
|
263
|
+ name="services"
|
|
264
|
+ option
|
|
265
|
+ component={ServicesStackComponent}
|
|
266
|
+ options={{title: i18n.t('screens.services.title')}}
|
|
267
|
+ />
|
|
268
|
+ <Tab.Screen
|
|
269
|
+ name="proxiwash"
|
|
270
|
+ component={ProxiwashStackComponent}
|
|
271
|
+ options={{title: i18n.t('screens.proxiwash.title')}}
|
|
272
|
+ />
|
|
273
|
+ <Tab.Screen
|
|
274
|
+ name="home"
|
|
275
|
+ component={this.createHomeStackComponent}
|
|
276
|
+ options={{title: i18n.t('screens.home.title')}}
|
|
277
|
+ />
|
|
278
|
+ <Tab.Screen
|
|
279
|
+ name="planning"
|
|
280
|
+ component={PlanningStackComponent}
|
|
281
|
+ options={{title: i18n.t('screens.planning.title')}}
|
|
282
|
+ />
|
262
|
283
|
|
263
|
|
- <Tab.Screen
|
264
|
|
- name="planex"
|
265
|
|
- component={PlanexStackComponent}
|
266
|
|
- options={{title: i18n.t("screens.planex.title")}}
|
267
|
|
- />
|
268
|
|
- </Tab.Navigator>
|
269
|
|
- );
|
270
|
|
- }
|
|
284
|
+ <Tab.Screen
|
|
285
|
+ name="planex"
|
|
286
|
+ component={PlanexStackComponent}
|
|
287
|
+ options={{title: i18n.t('screens.planex.title')}}
|
|
288
|
+ />
|
|
289
|
+ </Tab.Navigator>
|
|
290
|
+ );
|
|
291
|
+ }
|
271
|
292
|
}
|