Flutter AdMob横幅广告重叠屏幕

时间:2019-04-01 01:02:46

标签: flutter admob

我正在开发Flutter应用程序,需要显示 AdMob 横幅广告。我注意到横幅广告重叠我的列表视图。我尝试搜索解决方案,但没有发现任何有用的方法。

我发现的一种解决方案是在底部提供50px的固定边距。当我在某处看到屏幕尺寸可能会影响该解决方案时,我对此解决方案感到不舒服。

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

有关更多详细信息,请参见下图。

谢谢您的时间。

enter image description here

3 个答案:

答案 0 :(得分:1)

我为您找到了一个解决方案,我的横幅横幅底部Flutter应用程序有点填充。用下面的代码修复它。

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;
      });
    }

谢谢

答案 1 :(得分:1)

如果您使用的是脚手架小部件,请尝试使用persistentFooterButtons:参数。此处的教程:nice read

答案 2 :(得分:1)

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

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

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