native banner without MediaView is not clickable
See original GitHub issueBug 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:
- Created 4 years ago
- Reactions:1
- Comments:10 (3 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Sure I’ll have a look
Please check out v7 available now ! 😃 if it hasn’t been fixed yet then please reopen it.