/
index.ios.js
92 lines (84 loc) · 2.31 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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
/**
* Teste Moot
* @owner: Gabriel Silveira
* Previsão do Tempo
*/
'use strict'
import React, { Component } from 'react';
import {
AppRegistry,
StatusBar,
Navigator,
View,
Text,
Image,
ListView,
TextInput,
AlertIOS,
AsyncStorage,
TouchableOpacity,
TouchableHighlight,
NavigatorIOS
} from 'react-native';
const Search = require( './search.ios' );
const my_css = require( './assets/stylesheets/styles' );
const App = React.createClass({
render() {
return (
<Navigator
initialRoute = {{
name: 'Previsão do dia',
index: 0,
component: Search,
passProps: {}
}}
ref = 'navigator'
navigationBar = {
<Navigator.NavigationBar
routeMapper = { NavigationBarRouteMapper }
style = { my_css.navBar }
/>
}
renderScene = {( route, navigator ) => {
let props = route.passProps
props.navigator = navigator
props.name = route.name
props.app = this
return React.createElement( route.component, props )
}}
/>
)
}
})
let NavigationBarRouteMapper = {
LeftButton( route, navigator, index, navState ) {
if (index == 0) return null
var previousRoute = navState.routeStack[ index - 1 ]
return (
<TouchableOpacity
onPress={() => {
//this.setState({ show: true });
navigator.pop()
console.info( React.search );
}}
style = { my_css.navBarLeftButton }>
<Text style = {[ my_css.navBarText, my_css.navBarButtonText ]}>
{'<'} { previousRoute.name }
</Text>
</TouchableOpacity>
)
},
RightButton( route, navigator, index, navState ) {
return (
<View/>
)
},
Title( route, navigator, index, navState ) {
return (
<Text style={[ my_css.navBarText, my_css.navBarTitleText ]}>
{ route.name }
</Text>
)
}
}
AppRegistry.registerComponent( 'moot', () => App )