Как центрировать столбец, у которого строка является дочерней в родительском контейнере

Question

Я хочу установить изображение A в центр, как изображения B, без центрирования последних 2 виджетов. Прямо сейчас вот код

Container(
 child: Column(
  children: [
   Row(
    children: [],
   ),
  ],
 ),
)

Это то, чего я хочу достичь и до сих пор не могу найти решение. Перекрестная колонкаВыравнивание по центру не решило проблему.

Answer 1

Эй Вам необходимо помнить о перекрестных саксисах и выравнивании по главной оси. Выравнивание по осям для столбца - это горизонтальная ось i, e вдоль оси x на графике. а для строки поперечная ось проходит вдоль вертикальной оси i, т.е. ваша ось y

, вы можете изменить их так, как вы хотите получить желаемое выравнивание.

return Container(
 child: Column(
   crossAxisAlignment: CrossAxisAlignment.center,
   children: <Widget>[
     Row(
       mainAxisAlignment: MainAxisAlignment.center,
       children: <Widget>[
         Container(
           width: 20,
           height: 20,
           color: Colors.green,
         ),
         Container(
           width: 20,
           height: 20,
           color: Colors.blue,
         ),
         Container(
           width: 20,
           height: 20,
           color: Colors.red,
         ),
       ],
     ),
     SizedBox(
       height: 10,
     ),
     Row(
       mainAxisAlignment: MainAxisAlignment.center,
       children: <Widget>[
         Container(
           width: 20,
           height: 20,
           color: Colors.red,
         ),
         SizedBox(
           width: 10,
         ),
         Container(
           width: 20,
           height: 20,
           color: Colors.red,
         ),
       ],
     ),
   ],
 ),
);

Answer 2

Вы достигаете этого, делая это

Container(
    child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              '1',
            ),
            Text(
              '1',
            ),
            Text(
              '1',
            ),
          ],
        ),
        Row(
          children: <Widget>[
            Text(
              '2',
            ),
            Text(
              '2',
            ),
          ],
        ),
      ],
    ),
  ),