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

Vi que a correção do professor ele inicia um Container, depois cria um child para depois criar uma Column e o restate dos elementos. Qual seria a diferença entre o código que criei?

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(

        colorScheme: ColorScheme.fromSeed(seedColor: Colors.white),
        useMaterial3: true,
      ),
      home:Column(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
            Container(width: 100 , height: 100, color: Colors.red),
            Container(width: 100 , height: 100, color: Colors.orange),
            Container(width: 100 , height: 100, color: Colors.yellow)
        ]
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Container(width: 100 , height: 100, color: Colors.green),
              Container(width: 100 , height: 100, color: Colors.blueGrey),
              Container(width: 100 , height: 100, color: Colors.blueAccent)

            ]

          ),

          Row(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Container(width: 100 , height: 100, color: Colors.purple),
                Container(width: 100 , height: 100, color: Colors.red),
                Container(width: 100 , height: 100, color: Colors.white)

              ]

          )

        ],

      )

    );
  }
}
1 resposta
solução!

Olá, Raphael, como vai?

A principal diferença entre o seu código e o do instrutor está no uso do Container como o widget pai da tela. No exemplo do professor, o Container envolve toda a estrutura visual, o que permite definir propriedades visuais como color (cor de fundo), padding, margin, etc. No seu caso, essa função está sendo assumida diretamente por um Column, que não tem essas propriedades visuais de layout externas.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar.

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado