Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Sugestão] [Duvida] resolução do exercício

ome: Column( mainAxisAlignment: MainAxisAlignment.spaceEvenly, crossAxisAlignment: CrossAxisAlignment.center, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly,

          children: [
            Container(color: Colors.red, height: 100, width: 100,),
            Container(color: Colors.orange, height: 100, width: 100,),
            Container(color: Colors.yellow, height: 100, width: 100,),
          ],
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            Container(color: Colors.green, height: 100, width: 100,),
            Container(color: Colors.cyan, height: 100, width: 100,),
            Container(color: Colors.blue, height: 100, width: 100,),
          ],
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            Container(color: Colors.purple, height: 100, width: 100,),
            Container(color: Colors.pink, height: 100, width: 100,),
            Container(color: Colors.white, height: 100, width: 100,),
          ],
        )
      ],
    )
);

} }

Tenho apenas uma duvida na questão do crossAligment, não entendi muito bem como ele funciona.

1 resposta
solução!

Sem problemas, esse conceito é um pouco confuso mesmo, mas garanto que conforme você for criando experiência vai ficar cada vez mais claro.

Mas vamos a uma revisão:

O Row é um Widget em Linha ( elementos lado a lado na horizontal ) Linha Horizontal

Então se eu me mover no MainAxis do Row, eu posso ir pra direita ou pra esquerda, correto? (Me mantendo na linha horizontal)

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Agora, na CrossAxis do Row eu posso me movimentar pra cima ou pra baixo: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Logo, no Row, o Main Axis Aligment, alinha os elementos na horizontal Enquanto o Cross Axis Aligment, alinha os elementos na vertical.

Será que conseguimos fazer o mesmo pensamento para o Column?

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software