Настройка вида сетки ChildAspecRatio в соответствии с размером экрана

Question

Я занимаюсь разработкой приложения, которое включает в себя GridView. Вот простейшая форма кода:

return OrientationBuilder(builder: (context, orientation) {
  return RefreshIndicator(
    onRefresh: refreshList,
    child: new GridView.builder(
      itemCount: dergiler.length,
      gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(
          crossAxisCount: 2,
          mainAxisSpacing: 1.0,
          crossAxisSpacing: 1.0,
          childAspectRatio: 0.7),
      itemBuilder: (BuildContext context, int index) {
        return Container(
          alignment: Alignment.center,
          child: Dergielemet(dergiler[index], index),
        );
      },
    ),
  );
});

Когда я использую asAsAs в качестве 0,7, я получаю то, что хочу.Вот изображение:

)

Однако, когда я пытаюсь использовать тот же код на другом устройстве с немного другим размером экрана, возникают ошибки переполнения, потому чтоэлементы GridView переполняют друг друга.Пример:

Answer 1

используйте как childAspectRatio что-то вроде этого

MediaQuery.of (контекст) .size.height / 980