-
Notifications
You must be signed in to change notification settings - Fork 20
/
App.tsx
85 lines (75 loc) · 2.38 KB
/
App.tsx
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
/* eslint-disable react-native/no-inline-styles */
import React, { useState } from 'react';
import { SafeAreaView } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { LoadedApp } from './app/LoadedApp';
import { LoadingApp } from './app/LoadingApp';
import { ThemeType } from './app/types';
import { ModeEnum, RouteEnums } from './app/AppState';
import { LogBox } from 'react-native';
LogBox.ignoreLogs(['[Reanimated] Reduced motion setting is enabled on this device.']);
const advancedTheme: ThemeType = {
dark: true,
colors: {
background: '#011401',
card: '#011401',
border: '#ffffff',
primary: '#18bd18',
primaryDisabled: '#5a8c5a',
secondaryDisabled: '#233623',
text: '#c3c3c3',
zingo: '#888888',
placeholder: '#888888',
money: '#ffffff',
syncing: '#ebff5a',
notification: '',
},
};
const basicTheme: ThemeType = {
dark: true,
colors: {
background: '#011401',
card: '#011401',
border: '#ffffff',
primary: '#0ef8f8', // new tron color
primaryDisabled: '#a0dcdc', // new tron color disable
secondaryDisabled: '#233623',
text: '#c3c3c3',
zingo: '#888888',
placeholder: '#888888',
money: '#ffffff',
syncing: '#ebff5a',
notification: '',
},
};
const Stack = createStackNavigator();
const App: React.FunctionComponent = () => {
const [theme, setTheme] = useState<ThemeType>(advancedTheme);
const toggleTheme = (mode: ModeEnum) => {
setTheme(mode === ModeEnum.advanced ? advancedTheme : basicTheme);
};
//console.log('render App - 1');
return (
<NavigationContainer theme={theme}>
<SafeAreaView
style={{
flex: 1,
justifyContent: 'center',
backgroundColor: theme.colors.card,
}}>
<Stack.Navigator
initialRouteName={RouteEnums.LoadingApp}
screenOptions={{ headerShown: false, animationEnabled: false }}>
<Stack.Screen name={RouteEnums.LoadingApp}>
{props => <LoadingApp {...props} toggleTheme={toggleTheme} />}
</Stack.Screen>
<Stack.Screen name={RouteEnums.LoadedApp}>
{props => <LoadedApp {...props} toggleTheme={toggleTheme} />}
</Stack.Screen>
</Stack.Navigator>
</SafeAreaView>
</NavigationContainer>
);
};
export default App;