User interface 如何制作一个适合所有屏幕的柱子

我开始使用flatter，但我不知道如何将一个列小部件除以2，并使其适合所有屏幕，如图所示。

好了

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        Expanded(child: Container(color: Colors.blue)),
        Expanded(child: Container(color: Colors.lightBlueAccent))
      ],
    );
  }
}

导入“包装：颤振/材料.省道”；
void main（）=>runApp（MyApp（））；
类MyApp扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回列(
儿童：[
展开（子：容器（颜色：Colors.blue）），
扩展（子：容器（颜色：Colors.lightBlueAccent））
],
);
}
}

如何做到：

我正在通过runApp方法运行应用程序

我创建了一个列，基本上放置了带有颜色的容器

但是这些容器没有任何尺寸，因此它们不可见

通过扩展小部件，我让小部件尽可能大

由于我有两个扩展的小部件，它们的大小相同

瞧