-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
104 lines (94 loc) · 2.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
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
import React from 'react';
import { YellowBox } from 'react-native';
import { createBottomTabNavigator, createAppContainer, createSwitchNavigator, createStackNavigator} from "react-navigation";
import { FontAwesome } from "react-native-vector-icons";
import Connect from './Screens/Connect';
import Home from './Screens/Home';
import Settings from './Screens/Settings';
import Search from './Screens/Search';
import Configuration from './Screens/Configuration';
export default class App extends React.Component {
render() {
return (
<AppContainer
/>
);
}
constructor(props) {
super(props);
this.state = {
};
}
}
const HomeScreens = createStackNavigator(
{
Home: {
screen: Home,
navigationOptions: () => ({
title: `Home`,
header: null,
}),
},
Configuration: {
screen: Configuration,
navigationOptions: () => ({
title: `Configuration`,
headerStyle: {
backgroundColor: '#007769',
},
headerTitleStyle: {
fontWeight: 'bold',
},
headerTintColor: '#fff',
}),
}
}
)
const Tabs = createBottomTabNavigator(
{
HomeScreen: {
screen: HomeScreens,
navigationOptions: {
tabBarLabel: "Home",
tabBarIcon: ({ tintColor }) => (
<FontAwesome name="home" size={30} color={tintColor} />
)
}
},
SearchScreen: {
screen: Search,
navigationOptions: {
tabBarLabel: "Search",
tabBarIcon: ({ tintColor }) => (
<FontAwesome name="search" size={30} color={tintColor} />
)
}
},
SettingsScreen: {
screen: Settings,
navigationOptions: {
tabBarLabel: "Settings",
tabBarIcon: ({ tintColor }) => (
<FontAwesome name="wrench" size={30} color={tintColor} />
)
}
},
},
{
tabBarOptions: {
activeTintColor: 'white',
inactiveTintColor: '#333',
style: {backgroundColor : '#48a697'}
},
}
);
const AppNavigator = createSwitchNavigator({
ConnectScreen: {
screen: Connect,
},
Tabs,
})
YellowBox.ignoreWarnings([
'Unrecognized WebSocket connection option(s) `agent`, `perMessageDeflate`, `pfx`, `key`, `passphrase`, `cert`, `ca`, `ciphers`, `rejectUnauthorized`. Did you mean to put these under `headers`?'
]);
const AppContainer = createAppContainer(AppNavigator);