如何制作适合Flutter中所有屏幕的列

Question

我开始颤抖，但我无法弄清楚如何除以2列小部件并使其适合所有屏幕，如图所示。

Answer 1

你去吧

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))
      ],
    );
  }
}

怎么做：

1. 我正在通过runApp方法运行应用程序
2. 我创建了一个列，并基本上放置了带有颜色的容器
3. 但容器没有任何尺寸，因此它们不可见
4. 通过扩展的小部件，我让小部件知道尽可能大。
5. 由于我有两个扩展的小部件，它们具有相同的大小。

瞧 Screenshot from emulator device