小编kis*_*ode的帖子

我正在尝试布局一个4x4网格,文本位于每个网格的中心,填充背景颜色,我无法将背景颜色展开以填充整个网格方块.

这是UI代码:

  body: new Column(
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      children: [
        new Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            new Column(
              children: [
                new Container(
                  color: Colors.pink,
                  child: new Text("Column 1a"),
                )
              ],
            ),
            new Column(
              children: [
                new Text("Column 1b"),
              ],
            ),
          ],
        ),
        new Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            new Column(
              children: [
                new Text("Column 2a"),
              ],
            ),
            new Column(
              children: [
                new Text("Column 2b"),
              ],
            ),
          ],
        ),
      ]),

这就是它的样子:

注意:我尝试使用Flexible和Expanded来替换Container,但我得到一个例外:

在performLayout()期间抛出以下断言:RenderFlex子项具有非零flex,但传入高度约束是无限制的.