-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
52 lines (39 loc) · 1.39 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
//import react and expo stuff
import React, {useState} from 'react';
import * as Font from 'expo-font'
import {AppLoading} from 'expo'
//import redux & redux-thunk stuff to enable store actions and reducers
import {createStore, combineReducers,applyMiddleware} from 'redux'
import {Provider} from 'react-redux'
import ReduxThunk from 'redux-thunk'
//import reducers for store configuration
import authReducer from './store/reducers/auth'
import eventsReducer from './store/reducers/events'
import userReducer from './store/reducers/user'
//IMPORT NAVIGATOR SCREENS ETC
import MainStack from './navigation/NavigationWindow'
//reudx configurations
const rootReducer = combineReducers({
auth: authReducer,
events: eventsReducer,
user: userReducer
})
//applyMiddleware(ReduxThunk) es mi configuracion para poder mandar asybc requests desde mis actions
const store = createStore(rootReducer, applyMiddleware(ReduxThunk))
const fetchFonts = () => {
return Font.loadAsync({
'open-sans': require('./assets/fonts/OpenSans-Regular.ttf'),
'open-sans-bold': require('./assets/fonts/OpenSans-Bold.ttf'),
})
}
export default function App() {
const [isFontsLoaded, setIsFontsLoaded] = useState(false)
if(!isFontsLoaded){
return <AppLoading startAsync={fetchFonts} onFinish={()=>{setIsFontsLoaded(true)}}/>
}
return (
<Provider store={store}>
<MainStack/>
</Provider>
);
}