如何在 Flutter 的 App Bar 顶部放置横幅广告？

Question

How can I place a banner ad on the top of the top App Bar in Flutter? I have the banner ad at the bottom of the bottom app bar as shown below. I want to move it to the top, so that it becomes the first widget of the screen.

Answer 1

Try prefferedSizeAppbar widget and increase the app bar height and use you banner.

Answer 2

You can use PreferredSize or flexibleSpace ,

PreferredSize

appBar: PreferredSize(
    preferredSize: Size.fromHeight(120), // change height of ads as you like
    child: Container(
        child: // here is ads
    )
)

or

flexibleSpace

appBar: AppBar(
    toolbarHeight: 120, // Set this appbar height
    flexibleSpace: Container(
        child: Text("this is add"),  // make container of your ads
    ),
    title: Text('Material App Bar'),
),