当前位置:  开发笔记 > 编程语言 > 正文

如何在卡片中紧紧包裹小部件列?

如何解决《如何在卡片中紧紧包裹小部件列?》经验,为你挑选了1个好方法。

我有一个我的应用程序的页面,它只Card包含一个Column结尾的文件MaterialList.即使我的列表只有一个或两个项目,卡片也会将其垂直空间扩展到屏幕底部,而不是停留在列表项目的末尾.该列的文件表明,这是正常的行为列("布局中的每个孩子一零或零弹性系数(例如,那些不展开)与无界垂直约束").我认为将列表包装在一个Flexible可能达到我想要的效果但是当我尝试时我得到以下错误:

RenderFlex children have non-zero flex but incoming height constraints are unbounded.
I/flutter (11469): When a column is in a parent that does not provide a finite height constraint, for example if it is
I/flutter (11469): in a vertical scrollable, it will try to shrink-wrap its children along the vertical axis. Setting a
I/flutter (11469): flex on a child (e.g. using a Flexible) indicates that the child is to expand to fill the remaining
I/flutter (11469): space in the vertical direction.
I/flutter (11469): These two directives are mutually exclusive. If a parent is to shrink-wrap its child, the child
I/flutter (11469): cannot simultaneously expand to fit its parent.

我显然误解了这个布局应该如何工作.

以下是我现在作为Scaffold此页面正文的示例代码:

new Container(
// Outer container so we can set margins and padding for the cards
// that will hold the rest of the view.
alignment: FractionalOffset.topCenter,
margin: new EdgeInsets.only(top: style.wideMargin),
padding: new EdgeInsets.symmetric(horizontal: style.defaultMargin),
child: new Card(
  child: new Column(
    children: [
      new CustomHeader(), // <-- a Row with some buttons in it
      new Divider(),
      new MaterialList(
        type: MaterialListType.twoLine,
        children: listItems, // <-- a list of custom Rows
      ),
    ],
  ),
),

)

我怎么能有一张紧紧包裹Column小部件的卡?



1> 小智..:

默认情况下,Column展开以填充最大垂直空间.您可以通过将mainAxisSize属性设置为更改此行为MainAxisSize.min,这会导致Column仅占用其子项所需的最小垂直空间量.

推荐阅读
Gbom2402851125
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有