Largura e altura

Parte da seção Seu primeiro app do Journey de Flutter da Coddy. Lição 16 de 32.

Defina um Container com width: e height: para que ele pare de se ajustar ao tamanho do filho. As dimensões são em pixels:

Container(
  width: 300,
  height: 50,
  color: Colors.orange,
  child: Text('Banner'),
)

O filho fica no canto superior esquerdo da caixa. Os pixels do Flutter têm o mesmo tamanho em todos os celulares, então uma caixa com 300 pixels de largura parece ter aproximadamente o mesmo tamanho em um celular pequeno e em um grande.

Desafio

Fácil

Deixe a caixa azul com 200 pixels de largura e 100 pixels de altura.

Experimente você mesmo

import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Container(
            color: Colors.lightBlue,
            child: Text('Box'),
          ),
        ),
      ),
    );
  }
}