forked from sohobase/splitbits
-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
66 lines (57 loc) · 1.73 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
import React, { Component } from 'react';
import { StackNavigator } from 'react-navigation';
import { Provider } from 'react-redux';
import {
LoadingScreen,
OnboardingScreen,
MainScreen,
ProfileScreen,
FriendsScreen,
SettingsScreen,
TransactionScreen,
WalletScreen,
} from './src/screens';
// const navigationOptions = {
// headerBackTitle: ' ',
// headerStyle: STYLE.HEADER,
// headerTitleStyle: STYLE.HEADER_TITLE,
// headerTintColor: THEME.COLOR.TEXT_HIGHLIGHT,
// };
const navigationOptions = { header: null };
const screens = {
Onboarding: { screen: OnboardingScreen, navigationOptions },
Main: { screen: MainScreen, navigationOptions },
Transaction: { screen: TransactionScreen, navigationOptions },
Profile: { screen: ProfileScreen, navigationOptions },
Friends: { screen: FriendsScreen, navigationOptions },
Settings: { screen: SettingsScreen, navigationOptions },
Wallet: { screen: WalletScreen, navigationOptions },
};
const NavigationMain = StackNavigator({ ...screens }, { initialRouteName: 'Main' });
const NavigationOnboarding = StackNavigator({ ...screens }, { initialRouteName: 'Onboarding' });
class App extends Component {
constructor(props) {
super(props);
this.state = { store: undefined };
this._onLoad = this._onLoad.bind(this);
}
_onLoad(state) {
this.setState({ ...state });
}
render() {
const { store } = this.state;
return (
!store ?
<LoadingScreen onLoad={this._onLoad} />
:
<Provider store={store}>
{
store.getState().wallets.length > 0
? <NavigationMain initialRouteName="Transaction" />
: <NavigationOnboarding />
}
</Provider>
);
}
}
export default App;