Как я могу решить эту проблему, используя строку и столбец? проблема флаттера

Question

help_post Мне нужно решение этой проблемы. Я столкнулся с некоторыми проблемами, чтобы решить ее ~ Я посвежее. Я пробовал, но он не работает ... Это проблема моего друга, и это мой результат, извините за мой плохой английский ...

Answer 1

В вашем случае было бы проще использовать flutter_staggered_grid_view для достижения того, чего вы хотите, используйте только один Staggered GridView или 3 в строке:

      StaggeredGridView.countBuilder(
  crossAxisCount: 4,
  itemCount: 8,
  itemBuilder: (BuildContext context, int index) => new Container(
      color: Colors.green,
      child: new Center(
        child: new CircleAvatar(
          backgroundColor: Colors.white,
          child: new Text('$index'),
        ),
      )),
  staggeredTileBuilder: (int index) =>
      new StaggeredTile.count(2, index.isEven ? 2 : 1),
  mainAxisSpacing: 4.0,
  crossAxisSpacing: 4.0,
)

Answer 2

Я вижу, что в вашей задаче друзей у вас есть 3 столбца в строке, поэтому ваша структура должна быть примерно такой:

      Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, //this makes your columns be an equal width from each other
children: [
  Column(),
  Column(),
  Column(),
],
);

Вы также можете обернуть каждый столбец в SizedBox и указать ему ширину MediaQuery.of(context).size.width * 0,25 (так что ваши столбцы будут одного размера), и вы можете обернуть свою строку в SizedBox с шириной double.infinity (чтобы занять всю ширину экрана)

И следующим шагом для вас будет аналогичная логика для блоков внутри каждого столбца. Удачи!