Flutter Media查询body尺寸

Hap*_*peh 8 media-queries flutter

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

Container(
        height: MediaQuery.of(context).size.height / 3,
        width: double.infinity,
        color: Colors.red,
      ),
Run Code Online (Sandbox Code Playgroud)

结果屏幕

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

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

die*_*per 9

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

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