forked from wix-incubator/react-native-controllers
/
index.ios.js
77 lines (68 loc) · 2.42 KB
/
index.ios.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
'use strict';
var Controllers = require('react-native-controllers');
var React = Controllers.hijackReact();
var {
ControllerRegistry,
TabBarControllerIOS,
NavigationControllerIOS,
ViewControllerIOS,
DrawerControllerIOS
} = React;
// require all top level react components you refer to in the layout
require('./SideMenu');
require('./MovieListScreen');
require('./SearchScreen');
require('./FavoritesScreen');
require('./ModalScreen');
var MoviesApp = Controllers.createClass({
render: function() {
return (
<DrawerControllerIOS id="drawer" componentLeft="SideMenu" componentRight="SideMenu">
<TabBarControllerIOS id="main">
<TabBarControllerIOS.Item title="Movies" icon={require('./img/home.png')} selectedIcon={require('./img/home_selected.png')}>
<NavigationControllerIOS
title="Red Title"
component="MovieListScreen"
id="movies"
style={{navBarTextColor: '#ff0000', drawUnderNavBar: false, drawUnderTabBar: true}}
/>
</TabBarControllerIOS.Item>
<TabBarControllerIOS.Item title="Favorites" icon={require('./img/star.png')} selectedIcon={require('./img/star_selected.png')}>
<NavigationControllerIOS
title="Favorites"
component="FavoritesScreen"
id="favorites"
passProps={{hidePop: true}}
/>
</TabBarControllerIOS.Item>
<TabBarControllerIOS.Item title="Search" icon={require('./img/discover.png')} selectedIcon={require('./img/discover_selected.png')}>
<ViewControllerIOS component="SearchScreen" />
</TabBarControllerIOS.Item>
</TabBarControllerIOS>
</DrawerControllerIOS>
);
},
});
var ModalScreenTester = Controllers.createClass({
render: function() {
return (
<NavigationControllerIOS
title="Modal"
component="ModalScreen"
id="modal"
leftButtons={[{
title: "Close",
onPress: function() {
Controllers.Modal.dismissController();
}
}]}
/>
);
},
});
ControllerRegistry.registerController('MoviesApp', () => MoviesApp);
ControllerRegistry.registerController('ModalScreenTester', () => ModalScreenTester);
// this line makes the app actually start and initialize
ControllerRegistry.setRootController('MoviesApp');
module.exports = MoviesApp;
module.exports = ModalScreenTester;