React Native Admob
Admob for React Native with powerful hooks and components
Installation
Documentation
Head over Documentation Page
Usage
Initializing Mobile Ads SDK
import { AdManager } from '@react-native-admob/admob';
AdManager.initialize();
Displaying Banner Ad
import { BannerAd, BannerAdSize } from '@react-native-admob/admob';
<BannerAd
size={BannerAdSize.BANNER}
unitId={UNIT_ID_BANNER}
onAdFailedToLoad={(error) => console.error(error)}
ref={bannerRef}
/>;
Displaying InterstitialAd
import { useInterstitialAd } from '@react-native-admob/admob';
const { adLoadError, adLoaded, presentAd } = useInterstitialAd(UNIT_ID_INTERSTITIAL);
useEffect(() => {
if (adLoadError) {
console.error(adLoadError);
}
}, [adLoadError]);
useEffect(() => {
if (adLoaded) {
presentAd();
}
}, [adLoaded]);
Displaying RewardedAd
import { useRewardedAd } from '@react-native-admob/admob';
const { adLoadError, adLoaded, presentAd, reward } = useRewardedAd(UNIT_ID_REWARDED);
useEffect(() => {
if (adLoadError) {
console.error(adLoadError);
}
}, [adLoadError]);
useEffect(() => {
if (adLoaded) {
presentAd();
}
}, [adLoaded]);
useEffect(() => {
if (reward) {
console.log('Reward earned: ');
console.log(reward);
}
}, [reward]);
For detailed usage, head over Documentation.
License
MIT