Как сделать колонку, которая бы подходила под весь экран во Флаттере

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. Поскольку у меня есть два расширенных виджета, они имеют одинаковый размер.

Вуаля
Снимок экрана с устройства эмулятора