Basicamente, você precisa expandir o tamanho da área que a sua Row
ocupa e alinhar o conteúdo dela.
Expanded(
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [ ... ]
)
)
Expanded expande o tamanho da child dade uma Column
ou Row
, de forma a tomar todo o espaço disponível.
MainAxisAlignment
se comporta de acordo com a orientação do Widget: Horizontalmente para Row
e verticalmente para Column
. Esse post aqui (em inglês) explica de forma fácil, com desenhos e tudo.
Esse é o resultado:
E caso você queira ele beeeem lá em baixo, pode adicionar crossAxisAlignment: CrossAxisAlignment.end
(que no caso da Row
, faz o controle vertical):