forked from sbugert/react-native-admob
-
-
Notifications
You must be signed in to change notification settings - Fork 4
/
RNAdMobBanner.js
107 lines (91 loc) · 2.59 KB
/
RNAdMobBanner.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
import React, { Component } from "react";
import {
requireNativeComponent,
UIManager,
findNodeHandle,
ViewPropTypes
} from "react-native";
import { string, func, arrayOf } from "prop-types";
import { createErrorFromErrorData } from "./utils";
class AdMobBanner extends Component {
constructor() {
super();
this.handleSizeChange = this.handleSizeChange.bind(this);
this.handleAdFailedToLoad = this.handleAdFailedToLoad.bind(this);
this.state = {
style: {}
};
}
componentDidMount() {
this.loadBanner();
}
loadBanner() {
UIManager.dispatchViewManagerCommand(
findNodeHandle(this._bannerView),
UIManager.getViewManagerConfig("RNGADBannerView").Commands.loadBanner,
null
);
}
handleSizeChange(event) {
const { height, width } = event.nativeEvent;
this.setState({ style: { width, height } });
if (this.props.onSizeChange) {
this.props.onSizeChange({ width, height });
}
}
handleAdFailedToLoad(event) {
if (this.props.onAdFailedToLoad) {
this.props.onAdFailedToLoad(
createErrorFromErrorData(event.nativeEvent.error)
);
}
}
render() {
return (
<RNGADBannerView
{...this.props}
style={[this.props.style, this.state.style]}
onSizeChange={this.handleSizeChange}
onAdFailedToLoad={this.handleAdFailedToLoad}
ref={el => (this._bannerView = el)}
/>
);
}
}
AdMobBanner.simulatorId = "SIMULATOR";
AdMobBanner.propTypes = {
...ViewPropTypes,
/**
* AdMob iOS library banner size constants
* (https://developers.google.com/admob/ios/banner)
* banner (320x50, Standard Banner for Phones and Tablets)
* largeBanner (320x100, Large Banner for Phones and Tablets)
* mediumRectangle (300x250, IAB Medium Rectangle for Phones and Tablets)
* fullBanner (468x60, IAB Full-Size Banner for Tablets)
* leaderboard (728x90, IAB Leaderboard for Tablets)
* smartBannerPortrait (Screen width x 32|50|90, Smart Banner for Phones and Tablets)
* smartBannerLandscape (Screen width x 32|50|90, Smart Banner for Phones and Tablets)
*
* banner is default
*/
adSize: string,
/**
* AdMob ad unit ID
*/
adUnitID: string,
/**
* Array of test devices. Use AdMobBanner.simulatorId for the simulator
*/
testDevices: arrayOf(string),
/**
* AdMob iOS library events
*/
onSizeChange: func,
onAdLoaded: func,
onAdFailedToLoad: func,
onAdOpened: func,
onAdClosed: func,
onAdLeftApplication: func
};
const RNGADBannerView = requireNativeComponent("RNGADBannerView", AdMobBanner);
export default AdMobBanner;