flutter - 列布局中的底部小部件溢出？

Question

我正在尝试使用admob_flutter包https://pub.dev/packages/admob_flutter来显示广告，该包基本上使我能够像其他任何小部件一样显示广告。
根据文档，我在列布局中添加了一个小部件，如下所示(仅相关代码):

@override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        appBar: AppBar(
          title: Text(fileName),
          backgroundColor: Colors.teal,
          centerTitle: true,
          actions: <Widget>[
            IconButton(
              icon: Icon(Icons.search),
              onPressed: (){
              },
            ),
          ],
        ),
        body: Container(
          padding: EdgeInsets.all(5.0),
          child: Column(
            children: <Widget>[
              TextField(
                ...
              ),
              AdmobBanner(
                adUnitId: 'ca-app-pub-39402560999XXXXXX/XXXXXXXXX',
                adSize: AdmobBannerSize.BANNER,
              ),
            ],
          ),
        ),
        bottomNavigationBar: BottomAppBar(...)

根据文档，这就是我要做的，但是我收到一个溢出错误，如下面的屏幕快照所示:

我尝试将它们包装在 Expanded()和 Flexible()中，但这不能解决我的问题？
我在这里做错了什么？

Answer 1

您应该将Widgets包装在Scrollable Widget中，以便当内容超过设备屏幕的大小时可以滚动它们。
我将您的小部件包装在SingleChildScrollView中，请查看以下演示:

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        appBar: AppBar(
          title: Text(fileName),
          backgroundColor: Colors.teal,
          centerTitle: true,
          actions: <Widget>[
            IconButton(
              icon: Icon(Icons.search),
              onPressed: (){
              },
            ),
          ],
        ),
        body: SingleChildScrollView( // new line
          child: Container(
          padding: EdgeInsets.all(5.0),
          child: Column(
            children: <Widget>[
              TextField(
                ...
              ),
              AdmobBanner(
                adUnitId: 'ca-app-pub-39402560999XXXXXX/XXXXXXXXX',
                adSize: AdmobBannerSize.BANNER,
              ),
            ],
          ),
        ),
        )
        bottomNavigationBar: BottomAppBar(...)