Flutter MediaQuery размер тела - PullRequest
       5

Flutter MediaQuery размер тела

0 голосов
/ 05 октября 2018

Я пытаюсь создать 3 раздела в теле, но мне бы хотелось, чтобы эти 3 всегда покрывали весь экран.

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

Экран результатов

MediaQuery использует весь экран в качестве эталона, поэтому последний раздел выходит за ту же высоту, что и панель приложения.

Есть ли способ использовать тело в качестве ссылки для MediaQuery?

1 Ответ

0 голосов
/ 05 октября 2018

Попробуйте использовать Column с детьми, обернутыми Expanded, каждый ребенок будет иметь одинаковый размер.

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