如何在 Flutter 中将广告放置在 BottomNavigationBar 的下方或上方

Pur*_*tya 5 dart flutter google-mobile-ads flutter-bottomnavigation

我想将横幅广告放置在 Flutter 的google_mobile_ads上方或下方。BottomNavigationBar

我尝试将 BottomNavigationBar 放置在Containerad add Margin 中,但没有选项可以在 Container 内添加 2 个子项。

我尝试Column在其中添加一个小部件,BottomNavigationBar但该列转到页面的顶部。

关于如何在 的google_mobile_ads上方或下方留出一个位置有什么想法吗BottomNavigationBar

我可以共享代码,但我需要有关如何实现它的建议、指导或指示。

Arm*_*GOK 9

我就是这样处理的;

bottomNavigationBar: Column(
        mainAxisSize: MainAxisSize.min,
        mainAxisAlignment: MainAxisAlignment.end,
        children: [
          AdvertisementWidget(),
          BottomNavigationBar(),
        ],
      )
Run Code Online (Sandbox Code Playgroud)

  • `mainAxisSize: MainAxisSize.min` 是我所需要的。谢谢! (2认同)

小智 2

有很多方法可以实现这一目标。一种是将脚手架和广告容器分开,如下所示:

return Column(
    children:[
        Expanded(child: Scaffold(),
        SizedBox(height: 50, child: AdContainer())
    ]
)
Run Code Online (Sandbox Code Playgroud)

另一种方法是将其添加到底部导航栏中:

bottomNavigationBar: SizedBox(
                         height = 200,
                         child: Column(
                                    children: [
                                        BottomNav(),
                                        AdContainer()
                                    ]
                         )
                     )
Run Code Online (Sandbox Code Playgroud)