Pular para conteúdo

Exercícios - Aula 05: Layouts e Organização Visual 🎨

🟢 Básicos (Fixação)

  1. Eixos: Em uma Column, qual a diferença entre MainAxisAlignment e CrossAxisAlignment?
  2. Caixas: Para que serve o widget Container? Imagine 3 propriedades que você poderia mudar nele para destacar um título da tela.

🟡 Intermediários (Aplicação)

  1. Espaçamento: Diferencie Padding de Margin. Se você quiser afastar um botão das bordas de um cartão, qual dos dois deve usar dentro do cartão?
  2. Expansão: Para que serve o widget Expanded? O que acontece se colocarmos dois widgets Expanded dentro da mesma Row?

🔴 Desafio (Pesquisa/Prática)

5. Responsividade: Como você faria para que uma lista de itens aparecesse em 1 coluna no celular (vertical) mas em 3 colunas em um tablet (horizontal)? Pesquise sobre LayoutBuilder ou MediaQuery.

📚 Gabarito e Soluções Comentadas

Gabarito Explicado ### Questão 1: Eixos **Resposta Comentada:** - **Fundamentação:** No contexto de **Layouts e Organização Visual**, o conceito abordado (Eixos) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 2: Caixas **Resposta Comentada:** - **Fundamentação:** No contexto de **Layouts e Organização Visual**, o conceito abordado (Caixas) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 3: Espaçamento **Resposta Comentada:** - **Fundamentação:** No contexto de **Layouts e Organização Visual**, o conceito abordado (Espaçamento) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 4: Expansão **Resposta Comentada:** - **Fundamentação:** No contexto de **Layouts e Organização Visual**, o conceito abordado (Expansão) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 5: Responsividade **Resolução e Implementação:** 
// Estrutura de implementação recomendada para Responsividade
// Validação de regras de negócio e retorno consistente
- **Explicação:** A solução atende diretamente aos requisitos de **Layouts e Organização Visual**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda.