容器的动态大小-Flutter

pra*_*179 1 user-interface containers flutter flutter-layout

Container我是颤振的新手,遇到了小部件大小的问题,它RowColumn孩子的​​。我的目标是使用动态数据渲染Column和小部件。Row代码如下。

Container(
 decoration: BoxDecoration(
  borderRadius: BorderRadius.circular(35),
  color: Colors.orange.shade400,
 ),
 child: Padding(
  padding: const EdgeInsets.symmetric(vertical: 15.0, horizontal: 25.0),
  child: Column(
   children: <Widget>[
    Text("PEAK/THURSDAY"),
    Text("\$24,355"),
    weeklyExpenseBuilder(), // Row with Text widgets
   ],
  ),
 ),
)
Run Code Online (Sandbox Code Playgroud)

不固定容器的大小会使其占据所有屏幕空间,但固定其高度会导致RenderFlex overflow错误。有没有办法让Container小部件只占用与其子部件一样多的空间。我想要的设计看起来像这样在此输入图像描述

Kri*_*ris 5

Row 或 Column 的mainAxisSize属性默认为 max。

尝试mainAxisSize: MainAxisSize.min在行和列上进行设置并添加一些间距。