Skip to content

Problem implementing Native Ads #355

@mohabouz

Description

@mohabouz

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions