Skip to main content
tornando a resposta um pouco mais completa
Fonte Link
Juliano Alves
  • 2,2mil
  • 15
  • 26

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:

inserir a descrição da imagem aqui

E caso você queira ele beeeem lá em baixo, pode adicionar crossAxisAlignment: CrossAxisAlignment.end (que no caso da Row, faz o controle vertical):

inserir a descrição da imagem aqui

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 da 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:

inserir a descrição da imagem aqui

E caso você queira ele beeeem lá em baixo, pode adicionar crossAxisAlignment: CrossAxisAlignment.end (que no caso da Row, faz o controle vertical):

inserir a descrição da imagem aqui

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 de 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:

inserir a descrição da imagem aqui

E caso você queira ele beeeem lá em baixo, pode adicionar crossAxisAlignment: CrossAxisAlignment.end (que no caso da Row, faz o controle vertical):

inserir a descrição da imagem aqui

Fonte Link
Juliano Alves
  • 2,2mil
  • 15
  • 26

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 da 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:

inserir a descrição da imagem aqui

E caso você queira ele beeeem lá em baixo, pode adicionar crossAxisAlignment: CrossAxisAlignment.end (que no caso da Row, faz o controle vertical):

inserir a descrição da imagem aqui