firebase - Admob Banner位置错误

Question

我正在尝试在导航栏顶部放置一个Admob横幅；我试图在该页面内使用bottomNavigationBar，通过按钮可以完美地工作:



现在，当我用Admob Banner替换该按钮时，广告的位置就在实际的导航栏中，而不是在其顶部。

 @override
  Widget build(BuildContext context) {
    bloc.fetchLikedNews();
    return Scaffold(
          appBar: AppBar(
            title: Text('Bookmarks', 
                  style: TextStyle(color: Theme.of(context).brightness == Brightness.dark
                  ? Theme.of(context).accentColor
                  : Colors.white),
                      ),
          backgroundColor: Theme.of(context).brightness == Brightness.dark
                    ? Colors.grey[850]
                          : Theme.of(context).accentColor,
            ),
      body: CustomScrollView(
        controller: scrollControllerLikedList,
        slivers: <Widget>[
          SliverToBoxAdapter(

          ),

          streamBuilder(bloc.likeNews),

        ],
      ),

      bottomNavigationBar: Padding(
        padding: EdgeInsets.all(8.0),
        child: ClipRRect(
          borderRadius: BorderRadius.circular(17.0),
          child: AdmobBanner(
            adUnitId: getBannerAdUnitId(),
            adSize: AdmobBannerSize.BANNER,
          )
          ),
        ),
    ); 

  }


@override
  void initState() {
    scrollControllerLikedList = ScrollController(initialScrollOffset: 84);

  FirebaseAdMob.instance.initialize(appId: getAppId());
    //Change appId With Admob Id
    _bannerAd = createBannerAd()
      ..load()
      ..show();
    super.initState();


  }

Answer 1

firebase_admob插件的一个已知限制是，您不能仅将广告 anchor 定在容器中。

您可以将其 anchor 定在顶部，以使用show()中的参数后接近您想要的内容:

    bannerAd
      ..show(
        anchorOffset: 60.0,
        anchorType: AnchorType.top,
      );

或者，您可以使用此插件: https://pub.dev/packages/admob_flutter