React Native Expo FacebookAds имеет дополнительное место на вершине IOS - PullRequest
Новая
       39

React Native Expo FacebookAds имеет дополнительное место на вершине IOS

0 голосов
/ 24 октября 2018

Когда я использую компонент expo в FacebookAds, чтобы показать BannerAd, он отлично работает для 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}}

и вот как это выглядит

enter image description here

Ответы [ 2 ]

0 голосов
/ 05 апреля 2019

Может использоваться без дополнительного компонента относительного положения. 

const styles = StyleSheet.create({
  bannerAd: {
    ...Platform.select<ViewStyle>({
      ios: {
        transform: [
          {
            translateY: -20,
          },
        ],
      },
    }),
  },
})
0 голосов
/ 24 октября 2018

Это было мое решение этой проблемы 

 <BannerAd style={{ position:isIos?"absolute":"relative", bottom:isIos?20:0 }} 
                    facebookAdsPlacementId={isIos?this.props.facebookAdsIosBanner:
                    this.props.facebookAdsAndroidBanner }/>

Пожалуйста, дайте мне знать, если у вас есть лучшее решение

...