RevMob React-Native package
Overview
It takes 3 simple steps to start monetizing:
- Add your app to our system and get your Media Id
- Add the package to your project
- Implement Start Session and Ad Unit code
You can find more details about RevMob's package integration at Official RevMob documentation
Requirements
react-native 0.25.0 or newer
To add the plugin to your existing React Native project:
rnpm:
Using- Using your terminal, go to your project directory and enter the command:
npm install --save react-native-revmob
react-native link
- Add the file
RevMobAds.framework
that is included inside the ios folder (yourProject/node_modules/react-native-revmob/ios
) to your project. - (Optional) Add RevMob's Fullscreen Activity to your
AndroidManifest.xml
:
Manually
iOS
npm i react-native-revmob -S
- Add the file
RevMobAds.framework
that is included inside the ios folder (yourProject/node_modules/react-native-revmob/ios
) to your project. - Add
react-native-revmob
static library to your Xcode project: Official React Native guide (Step 3 not needed).
Android
npm i react-native-admob -S
- Add the following lines to the given files:
android/settings.gradle
include ':react-native-revmob'
project(':react-native-revmob').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-revmob/android')
android/app/build.gradle
dependencies {
...
compile project(':react-native-revmob')
}
MainActivity.java
// Add this import ... protected List<ReactPackage> { return Arrays.<ReactPackage>; }
Sample App
For more information, see the example project: Sample App
Basic Usage
; // Methods:RevMobManager;RevMobManager;RevMobManager;RevMobManager;RevMobManager;RevMobManager;RevMobManager;RevMobManager;RevMobManager;RevMobManager;RevMobManager;
For more information, please refer to the official documentation
Forum
Be sure to also join the developer community on our forum.