首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在颤振中用ListViews修复“XXX像素溢出的底部”

如何在颤振中用ListViews修复“XXX像素溢出的底部”
EN

Stack Overflow用户
提问于 2019-08-20 15:26:32
回答 1查看 1K关注 0票数 2

我在固定高度为300的容器中使用了一个ListView(子程序:[]),但是当软键盘打开时,我会得到一个底部溢出错误。

底部溢出123像素

我在颤振方面是新手,在学习教程时,我确实使用了第2列小部件,其中一个在卡片中包装了2个TextFields(),另一个用‘ListView :’方法包装一个ListView()小部件(如果我可以这样说的话,而不是ListView.builder())。

我试着包装一个可扩展的()小部件,但它仍然存在。只有当高度设置为100时,错误才会消失,但是我得到了一个很小的可滚动部分。有什么办法可以绕过吗?这是正常的反应吗?

注:我也尝试了这里显示的适用于我的情况的所有解决方案,但没有一个对我有用。

颤振:如何修复底部溢出

这是我的专栏

代码语言:javascript
复制
 return Column(
      children: <Widget>[
        NewTransaction(_addNewTransaction),
        TransactionList(_userTransaction),
      ],
    );

NewTransaction()包含TextFields,工作正常,

下面是包装ListView的容器(代码已经简化为可见性)

代码语言:javascript
复制
return Container(
      height: 300,
      child: ListView(
          children: [
               Container(
                   height: 200,
               ),
               Container(
                   height: 200,
               ),
               Container(
                   height: 200,
               ),
               Container(
                   height: 200,
               ),
          ],
      ),
); 

通常,当软键盘打开时,它不应该显示任何底部溢出错误,但它会显示。在我所遵循的教程中,它没有任何问题,但随后我得到了一个

底部溢出123像素。

错误

这是结果的截图

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-09-06 12:07:45

对于底部溢出,可以将容器或列包装在SingleChildScrollView widget.Or中,您可以将函数的属性放置在singlechildScrollView.You中,这样也可以增加容器的高度。例如:

代码语言:javascript
复制
 `return SingleChildScrollView(
    child: Container(
    height: 300,
      child: ListView(
      children: [
           Container(
               height: 200,
           ),
           Container(
               height: 200,
           ),
           Container(
               height: 200,
           ),
           Container(
               height: 200,
           ),
         ),
         ],
         ),
       );  `
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57576941

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档