Fluent AdFlow Widget SDK for React Native

npm install @npm_fluentco/adflow-react-native-sdk

import {
  FluentAdFlowWidgetView,
  FluentAdFlowWidget,
} from '@npm_fluentco/adflow-react-native-sdk';

// ...

FluentAdFlowWidget.init('<your-api-key>', '<referer>');

// ...

const optionalEvent = (isAdShown) => {
  // Your logic here
};

<FluentAdFlowWidgetView
  params={params}
  style={styles.wrapper}
  onAdShow={optionalEvent}
/>;

Follow instructions in Installation and Usage.

The iOS SDK requires version 13 or greater. Please ensure the iOS version in your applications' Podfile (usually located at the top-level of the ios directory in your react-native application) is set to 13.0 or greater. For example, you may need to change:

platform :ios, min_ios_version_supported

To

platform :ios, '13.0' // or version of your choice >= 13.0

After installing the npm package, you will need to install the iOS dependencies.

cd ios && pod install

NOTE: For Mac M1 architecture issues, use:

sudo arch -x86_64 gem install ffi
arch -x86_64 pod install

To use the SDK in your Android application you will need to insert or update the following information in your application’s build.gradle: MultiDexEnabled and minSdkVersion are required configuration values.

allprojects {
    repositories {
      mavenCentral()
      google()
      maven {
        url = uri("https://mobile-sdk.adflow-prod.minionplatform.com/android")
    }
  }
}

android {
    ...
    defaultConfig {
        ...
        multiDexEnabled true,
        minSdkVersion 24
    }
    ...
    dependencies {
        ...
        implementation("com.fluent.adflowsdk:adflow:1.0.10")
        ...
    }
}

NOTE: For Kotlin version conflicts during the build, refer to recommended solutions.

Update your ReactApplication (typically located in the MainApplication.java class file) with the following. This will add the SDK to the Android project within your react-native application.

import com.fluentadflowreactnativesdk.FluentAdFlowWidgetPackage;

@Override
protected List<ReactPackage> getPackages() {
List<ReactPackage> packages = new PackageList(this).getPackages();
packages.add(new FluentAdFlowWidgetPackage());
return packages;
}

© 2023 Fluent, LLC Licensed under the Fluent Software Development Kit (SDK) Terms of Use, Ver. 1.0 (the "Agreement"). Your use of this SDK is subject to the Agreement which you can access here