当我使用世博会Facebook广告组件来展示横幅广告时,它适用于Android,但在Ios中,它在顶部增加了一些额外的空间,我根本无法用样式解决它。
用于显示横幅广告的组件
import React from 'react';
import {FacebookAds} from 'expo';
const BannerAd = ({style, facebookAdsPlacementId}) => (
<FacebookAds.BannerView
style={[{backgroundColor:'#888'},style]}
placementId={facebookAdsPlacementId}
type="standard"
onPress= {() => console.log("Banner Ad Clicked")}
onError= {err => console.log('Banner Ad Error', err)}
/>
);
export {BannerAd};
这就是我所说的
<BannerAd style={{marginBottom:isIos?20:0}}
这就是它的样子
这是我解决这个问题的方法
<BannerAd style={{ position:isIos?"absolute":"relative", bottom:isIos?20:0 }}
facebookAdsPlacementId={isIos?this.props.facebookAdsIosBanner:
this.props.facebookAdsAndroidBanner }/>
如果您有更好的解决方案,请告诉我
这可以在没有额外位置相对组件的情况下使用
const styles = StyleSheet.create({
bannerAd: {
...Platform.select<ViewStyle>({
ios: {
transform: [
{
translateY: -20,
},
],
},
}),
},
})