---
description: Integrate fullscreen ads
---

# Fullscreen (Interstitial)

### Usage

All functions to create, reload and show fullscreen ads are included to `RNAatkit` module. So first you should import `RNAatkit`.

```javascript
import {
    RNAatkit,
} from '@addapptr/react-native-aatkit'
```

When AATKit is already initialized, you can create fullscreen placement. Just call `createPlacement` function passing placement name and the size as `RNAatkit.PlacementSize_Fullscreen`. Please note that the placement name has to be constant after once defined and cannot change with every app restart.

```javascript
RNAatkit.createPlacement("Fullscreen", RNAatkit.PlacementSize_Fullscreen);
```

Then you can reload placement using `reloadPlacement` function. Also it's possible to let fullscreen ad be auto-reloaded by calling `startPlacementAutoReload`.&#x20;

```javascript
RNAatkit.reloadPlacement(
    "Fullscreen", (placementReloaded) => {
        console.log("placementReloaded " + placementReloaded);
    });
```

When fullscreen ad is loaded, you can show it calling `showPlacement` function.

```javascript
RNAatkit.showPlacement("Fullscreen", (interstitialShown) => {
    console.log("interstitialShown " + interstitialShown);
});
```

### Callbacks <a href="#markdown-header-rnaatkit-callbacks" id="markdown-header-rnaatkit-callbacks"></a>

`RNAatkit` provides callbacks which might be useful, for example to get notified when fullscreen ad is loaded. To receive them, use `NativeEventEmitter`.

```javascript
import {
    RNAatkit,
} from '@addapptr/react-native-aatkit'
import { NativeEventEmitter } from 'react-native';

const aatkitEmitter = new NativeEventEmitter(RNAatkit);

const subscriptionHaveAd = aatkitEmitter.addListener(
    'AATKitHaveAd',
    (data) => console.log("AATKitHaveAd placementName " + data.placementName)
);

const subscriptionNoAds = aatkitEmitter.addListener(
    'AATKitNoAds',
    (data) => console.log("AATKitNoAds placementName: " + data.placementName)
);

const subscriptionPauseForAd = aatkitEmitter.addListener(
    'AATKitPauseForAd',
    (data) => console.log("AATKitPauseForAd placementName: " + data.placementName)
);

const subscriptionResumeAfterAd = aatkitEmitter.addListener(
    'AATKitResumeAfterAd',
    (data) => console.log("AATKitResumeAfterAd placementName: " + data.placementName)
);
```

### API <a href="#markdown-header-api" id="markdown-header-api"></a>

For more details about functions and callbacks of `RNAatkit` component, please see this [page](../other/reference/rnaatkit) in the Reference.
