react-native-adtech
Getting started
$ npm install react-native-adtech --save
or
$ yarn add react-native-adtech
Installation
You can use npm or Yarn to install the latest beta version:
npm:
npm i --save react-native-adtech
Yarn:
yarn add react-native-adtech
In order to use this library, you have to link it to your project first. There's excellent documentation on how to do this in the React Native Docs.
$ react-native link react-native-adtech
Specifique installation installation
iOS
Add MMAdSDK to iOS project. Download iOS SDK
Manual installation
iOS
- In XCode, in the project navigator, right click
Libraries
➜Add Files to [your project's name]
- Go to
node_modules
➜react-native-adtech
and addRNAdTech.xcodeproj
- In XCode, in the project navigator, select your project. Add
libRNAdTech.a
to your project'sBuild Phases
➜Link Binary With Libraries
- Run your project (
Cmd+R
)<
Android
- Open up
android/app/src/main/java/[...]/MainActivity.java
- Add
import com.clintagency.adtech.RNAdTechPackage;
to the imports at the top of the file - Add
new RNAdTechPackage()
to the list returned by thegetPackages()
method
- Append the following lines to
android/settings.gradle
:include ':react-native-adtech' project(':react-native-adtech').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-adtech/android')
- Insert the following lines inside the dependencies block in
android/app/build.gradle
:implementation project(':react-native-adtech')
Usage
Inline Ad
import ADTechInline from 'react-native-adtech'; <ADTechInline =/>
Props
Value | Description |
---|---|
options |
An object of InlineAd Options |
options
Value | Description |
---|---|
identifier |
for reuse cell. With this identifier, if an InlineAd is recreated, no impression is sent to statistics |
placementId |
ADTech placement id |
size |
size identifier:
|
Interstitial
import RNAdTech from 'react-native-adtech'; RNAdTech;RNAdTech;
GDPR
import ConsentString from 'consent-string';import RNAdTech from 'react-native-adtech';import vendorList from 'path/to/vendorList.json'; const consentData = ; consentData;consentData;consentData;consentData;consentData; RNAdTech;