-
Notifications
You must be signed in to change notification settings - Fork 1
/
App.tsx
62 lines (59 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
import React from 'react'
import { Component } from 'react'
import { StyleSheet } from 'react-native'
import SplashScreen from 'react-native-splash-screen'
import { Router, Scene, Stack, Tabs, Modal } from 'react-native-router-flux'
import { Categories, Games, News, About, NewsDetail, CategoryDetail, GameDetail } from './src/containers'
import { Colors, Fonts } from './src/config/Constants'
import { Tabs as TabIcons } from './src/config/Icons'
import { hp } from './src/config/Utils'
import { Provider } from 'react-redux'
import buildStore from './src/store'
const styles = StyleSheet.create({
labelStyle: {
fontFamily: Fonts.SEMIBOLD,
marginBottom: hp('1.2%', '0%'),
marginTop: hp('-1.2%', '-1%')
},
tabBarStyle: {
backgroundColor: Colors.primary_red,
height: hp('9%', '6%')
}
})
const store = buildStore({})
export default class App extends Component {
componentDidMount() {
SplashScreen.hide()
}
render() {
return (
<Provider store={store}>
<Router>
<Stack key={'container'}>
<Modal key={'modal'}>
<Scene key={'tab-container'}>
<Tabs key={'tab-bar'} showLabel={true} tabBarPosition={'bottom'}
labelStyle={styles.labelStyle} tabBarStyle={styles.tabBarStyle}
activeTintColor={Colors.white} inactiveTintColor={Colors.black_55}>
<Scene key={'newsTab'} icon={TabIcons.news} tabBarLabel={'News'} hideNavBar>
<Scene key={'newsMain'} component={News} hideNavBar></Scene>
<Scene key={'newsDetail'} component={NewsDetail} hideNavBar></Scene>
</Scene>
<Scene key={'gamesTab'} component={Games} icon={TabIcons.games}
tabBarLabel={'Games'} hideNavBar/>
<Scene key={'genresTab'} icon={TabIcons.genres} tabBarLabel={'Categories'} hideNavBar>
<Scene key={'genresMain'} component={Categories} hideNavBar></Scene>
<Scene key={'genresDetail'} component={CategoryDetail} hideNavBar></Scene>
</Scene>
<Scene key={'about-tab-content'} component={About} icon={TabIcons.about}
tabBarLabel={'About'} hideNavBar/>
</Tabs>
</Scene>
<Scene key={'gameDetail'} component={GameDetail} hideNavBar/>
</Modal>
</Stack>
</Router>
</Provider>
)
}
}