Please provide the following:
- SDK Version: 37
- Platforms(Android/iOS/web/all): iOS
Notice the yellow strip in screenshot, that’s some additional whitespace that’s shown for Facebok banner ad:
Here’s code to reproduce it:
import React from 'react';
import { StyleSheet, Text, View, SafeAreaView } from 'react-native';
import * as FacebookAds from 'expo-ads-facebook';
export default class App extends React.Component {
private static initialize = (() => {
// publish - comment this line before publishing app
FacebookAds.AdSettings.addTestDevice(FacebookAds.AdSettings.currentDeviceHash);
})();
render() {
return (
<SafeAreaView style={styles.container}>
<View style={{paddingVertical: 40, backgroundColor: 'powderblue', flex:1}}>
<Text>Hoping to see a facebook banner ad at the bottom of the screen!</Text>
</View>
<View style={{backgroundColor:'yellow'}}>
<FacebookAds.BannerAd
placementId="REPLACE_PLACEMENT_ID"
type="standard"
onPress={() => console.log('click')}
onError={error => console.log('error', error)}
/>
</View>
</SafeAreaView>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
flexDirection: 'column',
},
});