AppKey와 placementId를 파라미터로 넘겨주고 전면 광고 인스턴스를 생성합니다.
RNAdPopcornInterstitialAdModule.createInstance('YOUR_APP_KEY', 'PLACEMENT_ID');
RNAdPopcornInterstitialAdModule.setAdPopcornAdBackgroundColor('PLACEMENT_ID',
'#ffff0000')
RNAdPopcornInterstitialAdModule.loadAd('PLACEMENT_ID');
RNAdPopcornInterstitialAdModule.showAd('PLACEMENT_ID');
componentDidMount() {
...
const eventEmitter = new NativeEventEmitter();
eventEmitter.addListener('OnInterstitialLoaded', (event) => {
console.log('OnInterstitialLoaded event : ' + event.placementId);
}
);
...
}
import React, { useEffect } from 'react';
import {
NativeModules,
NativeEventEmitter
} from 'react-native';
const RNAdPopcornInterstitialAdModule = NativeModules.RNAdPopcornInterstitialAdModule;
function App(): JSX.Element {
const isDarkMode = useColorScheme() === 'dark';
const backgroundStyle = {
backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
};
RNAdPopcornSSPModule.init();
RNAdPopcornInterstitialAdModule.createInstance('YOUR_APP_KEY', 'PLACEMENT_ID');
RNAdPopcornInterstitialAdModule.loadAd('PLACEMENT_ID');
return (
<SafeAreaView style={backgroundStyle}>
<StatusBar
barStyle={isDarkMode ? 'light-content' : 'dark-content'}
backgroundColor={backgroundStyle.backgroundColor}
/>
<ScrollView
contentInsetAdjustmentBehavior="automatic"
style={backgroundStyle}>
<Header />
</ScrollView>
</SafeAreaView>
);
}
componentDidMount() {
...
const eventEmitter = new NativeEventEmitter();
eventEmitter.addListener('OnInterstitialLoaded', (event) => {
console.log('OnInterstitialLoaded event : ' + event.placementId);
RNAdPopcornInterstitialAdModule.showAd(event.placementId);
}
);
...
}