Flutter Media查询body尺寸

Question

我试图在正文中创建 3 个部分，但我希望这 3 个部分始终覆盖整个屏幕。

Container(
        height: MediaQuery.of(context).size.height / 3,
        width: double.infinity,
        color: Colors.red,
      ),

结果屏幕

MediaQuery 以整个屏幕为参考，这就是为什么最后一部分溢出与应用栏相同的高度。

有没有办法使用body作为MediaQuery的参考？

Answer 1

尝试Column与被 包裹的孩子一起使用Expanded，每个孩子都会有相同的尺寸。

  Column(
        children: <Widget>[
          Expanded(
            child: Container(color: Colors.white),
          ),
          Expanded(
            child: Container(color: Colors.red),
          ),
          Expanded(
            child: Container(color: Colors.green),
          ),
        ],
      );