1
resposta

Resolução do exercicio

![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  final double _widthHeightMax = 150;
  final double _widthHeightMid = 75;
  final double _widthHeight100 = 100;
  final double _widthHeight55 = 55;
  final double _widthHeight37 = 37;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Column(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              Stack(
                alignment: Alignment.topRight,
                children: [
                  Container(
                      width: _widthHeightMax,
                      height: _widthHeightMax,
                      color: Colors.red),
                  Container(
                      width: _widthHeightMid,
                      height: _widthHeightMid,
                      color: Colors.blue),
                ],
              ),
              Stack(
                children: [
                  Container(
                      width: _widthHeightMax,
                      height: _widthHeightMax,
                      color: Colors.green),
                  Container(
                      width: _widthHeightMid,
                      height: _widthHeightMid,
                      color: Colors.black),
                ],
              ),
            ],
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              Stack(
                alignment: Alignment.centerLeft,
                children: [
                  Container(
                      width: _widthHeight100,
                      height: _widthHeight100,
                      color: Colors.black87),
                  Container(width: 55, height: 55, color: Colors.yellow),
                  Container(width: 37, height: 37, color: Colors.brown),
                ],
              ),
              Stack(
                alignment: Alignment.center,
                children: [
                  Container(
                      width: _widthHeight100,
                      height: _widthHeight100,
                      color: Colors.purple),
                  Container(
                      width: _widthHeight55,
                      height: _widthHeight55,
                      color: Colors.white),
                  Container(
                      width: _widthHeight37,
                      height: _widthHeight37,
                      color: Colors.orange),
                ],
              ),
              Stack(
                alignment: Alignment.centerRight,
                children: [
                  Container(
                      width: _widthHeight100,
                      height: _widthHeight100,
                      color: Colors.amber),
                  Container(
                      width: _widthHeight55,
                      height: _widthHeight55,
                      color: Colors.greenAccent),
                  Container(
                      width: _widthHeight37,
                      height: _widthHeight37,
                      color: Colors.white38),
                ],
              ),
            ],
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              Stack(
                alignment: Alignment.bottomLeft,
                children: [
                  Container(
                      width: _widthHeightMax,
                      height: _widthHeightMax,
                      color: Colors.teal),
                  Container(
                      width: _widthHeightMid,
                      height: _widthHeightMid,
                      color: Colors.yellow),
                ],
              ),
              Stack(
                alignment: Alignment.bottomRight,
                children: [
                  Container(
                      width: _widthHeightMax,
                      height: _widthHeightMax,
                      color: Colors.purple),
                  Container(
                      width: _widthHeightMid,
                      height: _widthHeightMid,
                      color: Colors.lime),
                ],
              ),
            ],
          ),
        ],
      ),
    );
  }
}

1 resposta

Fala Marcos de boa ?

Cara bem legal que tu conseguiu resolver o desafio ! Se tiver ficado qualquer dúvida fala pra gente :)