代码之家 › 专栏 › 技术社区 › StuckInPhDNoMore

列布局中的底部小部件溢出?

flutter-layout dart flutter

StuckInPhDNoMore · 技术社区 · 6 年前

在文档之后,我在列布局中添加了一个小部件,如下所示(仅相关代码):

@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() 但这并没有解决我的问题?

我做错了什么?

0 回复 | 直到 6 年前

void 6 年前

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(...)

Habib Mhamadi 6 年前

Column Listview

jizhihaoSAMA 6 年前

您可以使用ListView、SingleChildScrollView或ListView。如果您希望动态内容代替列,请使用生成器

   body: Container(
      padding: EdgeInsets.all(5.0),
      child: Column(..),),

推荐文章

Rami Dhouib · Flutter:如果等待时间超过2秒,则执行操作

1 年前

5rod · 如何在three_js(Flutter)中设置缓冲区几何属性?

1 年前

Aouiche Redouane · 修复Flutter抽屉中的物品

1 年前

melearning · 背景封面

1 年前

Aks · 如何在导航到其他屏幕时销毁计时器

1 年前

Jahangir Alam · 文本编辑控制器在被丢弃后被使用。一旦你在aTextEditingController上调用了dispose(),它就不能再使用了

1 年前

kmort · 启用enableFilter后,Flutter DropdownMenu会超出界限

1 年前

greenzebra · 在Dart中,我如何将算术运算符定义为变量?

1 年前

Alexandre B. · 这种使用ValueNotifier和FutureBuilder的方法正确吗?

1 年前

RiseOfHorizon · 在以下任何来源中都找不到插件[id:“com.android.application”,版本:“8.5.0”]

1 年前