如何在反应原生应用程序中删除 admob 空白广告？答案

【问题标题】：How to remove admob blank ads in react native application?如何在反应原生应用程序中删除 admob 空白广告？
【发布时间】：2021-01-04 15:44:10
【问题描述】：

我使用 React native 框架创建了一个应用程序，并通过 Admob 广告获利，但我的 互联网关闭 出现了一些问题空白空格在我的应用程序中。如何解决这个问题。

【问题讨论】：

我通过缓冲它们并测试大小来做到这一点。 “通常”，如果文件大小为 0，则文件是....看看reactnative.dev/docs/image#onerror
如果您使用的是 react-native-admob 库，您可以使用 onAdFailedToLoad 属性，如果广告无法加载，则会调用该属性

标签： react-native admob react-native-android react-native-ios

【解决方案1】：

如果网络不可用是唯一的情况，您可以在渲染时将 adView 置于状态。

{netAvailable ? renderAdView() : null}

您可以查看NetInfo 了解网络状态

【讨论】：

【解决方案2】：

在广告为loaded之前折叠容器视图

const MyAdmobBannerAd = () => {
  const [loaded, setLoaded] = useState(false);

  return (
    <View style={{ height: loaded ? 'auto' : 0 }}>
      <AdMobBanner
        /** adSize, and adUnit */
        onAdLoaded={() => setLoaded(true)}
      />
    </View>
  );
};

【讨论】：