React Native - Ad Admob Rewarded Vidio And Text

Hello Sobat, Hari ini saya akan memberikan tutorial bagaimana cara memasang iklan pada aplikasi android berbeda dengan artikel sebelumnya, jadi iklan yang tampil akan menutupi semua layar handphone android dan iklan yang tampil juga berupa vidio dan text, katanya kalo iklan yang tampil berupa vidio dan image pendapatan yang dihasilkan tambah gede apa bener, coba praktekan, langkah pembuatan aplikasi

Vidio Tutorial

Artikel Sebelumnya

Untuk membuat aplikasi ini lihat artikel sebelumnya disini karena kita hanya menggubah source code saja, Jika sudah masuk ke file index.android.js dan masukan code berikut

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Platform,
  TouchableHighlight,
} from 'react-native';

import { AdMobRewarded } from 'react-native-admob';

export default class codetrAdmob extends Component {

   componentDidMount() {
    AdMobRewarded.setTestDeviceID('EMULATOR');
    AdMobRewarded.setAdUnitID('ca-app-pub-3940256099942544/1033173712');

    AdMobRewarded.addEventListener('rewardedVideoDidRewardUser',
      (type, amount) => console.log('rewardedVideoDidRewardUser', type, amount)
    );
    AdMobRewarded.addEventListener('rewardedVideoDidLoad',
      () => console.log('rewardedVideoDidLoad')
    );
    AdMobRewarded.addEventListener('rewardedVideoDidFailToLoad',
      (error) => console.log('rewardedVideoDidFailToLoad', error)
    );
    AdMobRewarded.addEventListener('rewardedVideoDidOpen',
      () => console.log('rewardedVideoDidOpen')
    );
    AdMobRewarded.addEventListener('rewardedVideoDidClose',
      () => {
        console.log('rewardedVideoDidClose');
        AdMobRewarded.requestAd((error) => error && console.log(error));
      }
    );
    AdMobRewarded.addEventListener('rewardedVideoWillLeaveApplication',
      () => console.log('rewardedVideoWillLeaveApplication')
    );

    AdMobRewarded.requestAd((error) => error && console.log(error));
  }

  componentWillUnmount() {
    AdMobRewarded.removeAllListeners();
  }

  showRewarded() {
    AdMobRewarded.showAd((error) => error && console.log(error));
  }


  render() {
    return (
      <View style={styles.container}>
        <View style={{ flex: 1 }}>
          <TouchableHighlight>
            <Text onPress={this.showRewarded} style={styles.button}>
              Show Rewarded Video and preload next
            </Text>
          </TouchableHighlight>
        </View>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    marginTop: (Platform.OS === 'ios') ? 30 : 10,
    flex: 1,
    alignItems: 'center',
  },
  button: {
    color: '#333333',
    marginBottom: 15,
  },
});

AppRegistry.registerComponent('codetrAdmob', () => codetrAdmob);

Hasil Result

Sekian artikel dari saya semoga bermanfaat.