0
respostas

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)

              ]

          )

        ],

      )

    );
  }
}