react-native-fbads icon indicating copy to clipboard operation
react-native-fbads copied to clipboard

Problem implementing Native Ads

Open mohabouz opened this issue 1 year ago • 0 comments

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.

mohabouz avatar May 05 '23 16:05 mohabouz