question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

native banner without MediaView is not clickable

See original GitHub issue

Bug Report

Thanks for this amazing repo , I tried to create a native banner using WithNativeAd function but the problem when I removed the MediaView component , the native banner is not clickable and when I put it back the native banner is clickable.

      <View style={{ flexDirection: 'column', margin : 0, position : 'relative', borderRadius : 3, overflow : 'hidden'}}>
        <View style={{ flexDirection: 'row', }}>
          <View style={{margin : 5 }}>
           <AdIconView   style={{ width: 60, height: 60,borderRadius : 3 ,}} />
          </View>
          <View
            style={{flexDirection: 'row', justifyContent : 'space-between', flex : 1 ,paddingRight: 5,paddingVertical: 5, 
            borderBottomWidth : 1, borderBottomColor : 'rgba(0,0,0,0.05)',
            borderTopWidth : 1, borderTopColor : 'rgba(0,0,0,0.05)' }}
          >
            <View
              style={{ flexDirection: 'column',  flex: 1, paddingLeft : 5,paddingRight : 2 }}
            >
                <Text numberOfLines={1} style={{height : 20, }}>
                  <TriggerableView style={{ fontSize: 16,  }}>
                      {this.props.nativeAd.headline}
                  </TriggerableView>
                </Text>
               <TriggerableView numberOfLines={2} style={{ color : 'rgba(0,0,0,0.5)'}}>
                {this.props.nativeAd.socialContext}
              </TriggerableView> 
            </View>
         

            <View style={{ alignItems: 'center', width : 100, height : 36,marginTop : 20,  borderRadius : 3, }}>
              <TriggerableView
                style={{
                  fontSize: 14,
                  width : '100%',
                  textAlign : 'center',
                  fontWeight : '700',
                  lineHeight : 36,
                  height : 36,
                  color: '#fff',
                  borderTopWidth: 0,
                  borderRadius : 3,
                  backgroundColor : '#ff3838',

                }}
              >
                {this.props.nativeAd.callToActionText}
              </TriggerableView>
            </View>
          </View>
        </View>
        <AdChoicesView location="topRight" expandable={true} style={{ position: 'absolute', right: 0, top: 0,backgroundColor : 'red' }} />
        <Text style={{color : 'rgba(0,0,0,0.23)', position : 'absolute', top : 0, right : 30, height : 20, lineHeight : 20, fontSize : 13, }}>Ad</Text>
      </View>

According to facebook docs MediaView is mandatory for Native Ad and is not mandatory in native banner.

is there a workaround for that ?

Before opening

  • [ Yes] Did you try the latest release?
  • [No ] Did you look for existing issues?

Ad Modules Native Ads

Platforms iOS

Versions

  • iOS: 13
  • react-native-fbads: 6.3.0
  • react-native: 0.61.5

Ads Environment

  • Facebook app installed: yes
  • Happens in test (dev build + device is marked as a test device):yes
  • Happens in production (release build + not a test device):yes
  • Facebook review status: approved

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:1
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
Suraj-Tiwaricommented, Apr 9, 2020

Sure I’ll have a look

0reactions
TMaszkocommented, Apr 10, 2021

Please check out v7 available now ! 😃 if it hasn’t been fixed yet then please reopen it.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Native Banner Ads - Audience Network - Meta for Developers
The native banner ad API allows you to build a customized experience for showing a native ad without the advertiser's creative assets, such...
Read more >
How to implement Native Ads without MediaView
I want to implement Native Ads in RecyclerView without MediaView, So referred to this tutorial after following this I successfully ...
Read more >
Guidelines for programmatic native ads using app code
For native video ads, the main asset MediaView must be at least 120x120dp ... The background of the ad must be not clickable...
Read more >
Native advanced | Android - Google Developers
When a native ad loads, the Google Mobile Ads SDK invokes the ... to fill the MediaView when an image is displayed (ad...
Read more >
Android SDK - MAX Mediation Documentation
Version Release Date Notes 11.6.0 Dec 05, 2022 11.5.1 Sep 27, 2022 11.4.6 Sep 05, 2022 ‑ Minor bug fixes and optimizations.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found