react-native-fbads
react-native-fbads copied to clipboard
Problem implementing Native Ads
Bug Report
Before opening
- [x ] Did you try the latest release?
- [x ] Did you look for existing issues?
Ad Modules
Native Ads
Platforms Android
Versions
- Android: >9
- react-native-fbads: 7.0.5
- react-native: 0.70.8
Current Behaviour
1. I created a file for the component :
import React from 'react';
import { View, Text } from 'react-native';
import {
withNativeAd,
AdIconView,
TriggerableView,
MediaView,
} from 'react-native-fbads';
const AdComponent = ({ nativeAd }) => {
return (
<View>
<AdIconView style={{ width: 50, height: 50 }} />
<MediaView style={{ width: 160, height: 90 }} />
<TriggerableView>
<Text>{nativeAd.description}</Text>
</TriggerableView>
</View>
);
};
export const MyNativeAd = withNativeAd(AdComponent);
1. Inside the screen where I want to display this ad :
import { InterstitialAdManager, AdSettings, NativeAdsManager } from 'react-native-fbads';
import { MyNativeAd } from 'components/NativeBanner';
...
let nativeAdsManager: NativeAdsManager = new NativeAdsManager(PLACEMENT_ID);
...
export const Myscreen = () => {
<View>
<MyNativeAd adsManager={nativeAdsManager} nativeAd={???????} />
</View>
}
As you can see in the code above, I must provide a nativeAd property to the MyNativeAd component.
Expected Behaviour
The created component should ask only for adsManager
property, however it asks for nativeAd
also, which is deferent from what the documentation shows.