This module allows you to display MoPub ads in your react-native apps. Currently it supports 320x50 banners and interstitials. Under the hood, it wraps MoPub Android SDK and MoPub iOS SDK.
This module works with react-native 0.29.2+
For iOS version you'll need CocoaPods
npm install --save react-native-mopub
- Run
react-native link
- Add permissions, activities and meta-data to your
AndroidManifest.xml
as described here in the official docs.
-
This module requires CocoaPods to be used in iOS project. To add CocoaPods to your React Native project, follow steps 2 throught 7 of this tutorial. Add this line
pod 'react-native-mopub', :path => '../node_modules/react-native-mopub'
to your Podfile (you may need to adjust path if you have non-standard project structure).
And then run
pod install
(if you’re setting up Cocoapods for the first time) orpod update
(if you’re adding MoPub to an existing CocoaPods project). -
Disable App Transport Security (this is required by MoPub iOS SDK, it is not react-native specific requirement or this module's flaw). To do so, add the following to your app plist:
<key>NSAppTransportSecurity</key> <dict> <key>NSAllowsArbitraryLoads</key> <true/> </dict>
Check out the example app.
This app uses adUnitIds from MoPub sample apps.
Feel free to create issues and submit pull requests.