-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathApp.js
117 lines (111 loc) · 2.86 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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
import React, {Component} from 'react';
import {StatusBar, View, StyleSheet} from 'react-native';
import {createAppContainer, createSwitchNavigator} from 'react-navigation';
import {createStackNavigator} from 'react-navigation-stack';
import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
//import page
import {Container, Header, Left, Text, Right, Body} from 'native-base';
import {TouchableOpacity} from 'react-native-gesture-handler';
import Auth from './src/screens/Auth/';
import TabNav from './src/screens/tabs';
import DetailChat from './src/screens/tabs/chats/DetailChat';
import usersList from './src/screens/tabs/calls/usersList';
import Loading from './src/screens/loading/Loading';
import Maps from './src/screens/maps/Map';
const AppIndex = createAppContainer(Auth);
export default class App extends Component {
componentDidUpdate() {
StatusBar.setBarStyle('light-content', true),
StatusBar.setBackgroundColor('#075E54');
}
render() {
return (
<View style={{flex: 1}}>
<StatusBar backgroundColor="#075E54" barStyle="light-content" />
{/* <Header style={style.header}>
<Body>
<Text style={style.textHeader}>AlchemistApp</Text>
</Body>
<Right>
<View style={style.iconHeader}>
<TouchableOpacity>
<Icon style={style.icon} {...iconProps} name="magnify" />
</TouchableOpacity>
<TouchableOpacity>
<Icon {...iconProps} name="dots-vertical" />
</TouchableOpacity>
</View>
</Right>
</Header> */}
<AppContainer />
</View>
);
}
}
const DetailChats = createStackNavigator(
{
DetailChat: {screen: DetailChat},
},
{
headerMode: 'none',
},
);
const UsersList = createStackNavigator(
{
usersList: {screen: usersList},
},
{
headerMode: 'none',
},
);
const Tab = createStackNavigator(
{
TabNav: {screen: TabNav},
DetailChat: {screen: DetailChats},
UsersList: {screen: UsersList},
},
{
initialRouteName: 'TabNav',
headerMode: 'none',
},
);
const StackNavigation = createSwitchNavigator(
{
Loading: {screen: Loading},
Map: {screen: Maps},
Auth: {screen: Auth},
Tab: {screen: Tab},
},
{
initialRouteName: 'Map',
defaultNavigationOptions: {
headerMode: 'none',
headerStyle: {
backgroundColor: '#075E54',
},
headerTintColor: '#fff',
headerTitleStyle: {
fontSize: 15,
alignItems: 'center',
},
},
},
);
const AppContainer = createAppContainer(StackNavigation);
const style = StyleSheet.create({
textHeader: {
color: '#fff',
fontSize: 20,
},
header: {
backgroundColor: '#075E54',
},
iconHeader: {flexDirection: 'row'},
icon: {
marginRight: 20,
},
});
const iconProps = {
size: 25,
color: 'white',
};