Flutter AdMob 横幅广告与屏幕重叠

Question

我正在开发一个 Flutter 应用程序，我需要在其中显示 AdMob 的 Banner Ad。我注意到横幅 与我的列表视图重叠 。我试图搜索解决方案，但没有找到任何有用的东西。

我找到的一个解决方案是在底部提供 50px 的固定边距。当我在某处读到屏幕尺寸可能会影响此解决方案时，我对该解决方案感到有点不舒服。

此外，当我放置一个假底部栏时，它也会与我的底部标签栏和底部工作表重叠。

详情请看下图

感谢您的宝贵时间。

Answer 1

我为您找到了一种解决方案，我的 cast Banner bottom Flutter Application little bit padding。用下面的代码修复它。

var paddingBottom = 48.0;

new MaterialApp(
            debugShowCheckedModeBanner: false,
            title: 'Name',
            home: new MyHomePage(
              title: "NMame",
            ),
            builder: (context, widget) {
              final mediaQuery = MediaQuery.of(context);
              return new Padding(
                child: widget,
                padding: new EdgeInsets.only(bottom: paddingBottom),
              );
            },
            routes: <String, WidgetBuilder>{
                '/HomeScreen': (BuildContext context) =>
                    new MyHomePage(title: 'UPSC Question Papers')
              })

在应用未加载广告时处理

      if(event == MobileAdEvent.failedToLoad){
      setState(() {
        paddingBottom = 0.0;
      });
    }

谢谢

Answer 2

如果您使用的是 Scaffold Widget，请尝试使用 persistentFooterButtons: 参数。教程在这里：http://cogitas.net/show-firebase-admob-banner-ad-in-flutter/

Answer 3

在横幅广告 show() 函数中设置以下参数：

bannerAd = Utils().myBanner
    ..load()
    ..show(
        anchorType: AnchorType.bottom,
        anchorOffset: 55.0);

并且还需要在容器上设置margin: const EdgeInsets.only(bottom: 55)

Flutter AdMob 横幅广告与屏幕重叠

Flutter AdMob Banner Ad overlaps screen

overlap

admob

banner-ads

flutter