-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.android.js
114 lines (100 loc) · 2.31 KB
/
index.android.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
/**
* Sample React Native App
* https://github.com/facebook/react-native
*/
'use strict';
var React = require('react-native');
var {NativeModules,TouchableNativeFeedback,
AppRegistry,
StyleSheet,
Text,
View,
} = React;
var AdView = require('./AndroidAdMobView');
var Button = React.createClass({
pressed: function(){
this.props.onPress();
},
render: function() {
return (
<TouchableNativeFeedback
onPress={this.pressed}
background={TouchableNativeFeedback.SelectableBackground()}>
{this.props.renderContent()}
</TouchableNativeFeedback>
);
}
});
var MainMenuButton = React.createClass({
pressed: function(){
this.props.onPress(this.props.instrID);
},
renderContent : function(){
return(
<View style={styles.mainMenuButton}>
<Text>"Recargar"</Text>
</View>
);
},
render: function() {
return (
<Button renderContent={this.renderContent} onPress={this.pressed}></Button>
);
}
});
//at render
var admob = React.createClass({
refresh: function(){
this.setState({
refreshed: "true"
});
},
getInitialState: function() {
return {
refreshed: "false"
};
},
render: function() {
var r = NativeModules.ToastRo;
r.show('Awesome', r.SHORT);
return (
<View >
<MainMenuButton onPress={this.refresh}></MainMenuButton>
<AdView src={this.state.refreshed} style={styles.ad} text="foo" />
<MainMenuButton onPress={this.refresh}></MainMenuButton>
</View>
);
}
});
var styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: 'black',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
instructions: {
textAlign: 'center',
color: '#333333',
marginBottom: 5,
},
mainMenuButton:{
flex: 1,
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',
height: 50,
width: 300,
backgroundColor: 'white'
},
ad:{
width: 320,
height:100
}
});
AppRegistry.registerComponent('admob', () => admob);