Ancho y alto

Parte de la sección Tu primera app del Journey de Flutter de Coddy. Lección 16 de 32.

Asigna un width: y un height: a un Container y dejará de ajustarse a su hijo. Los tamaños se expresan en píxeles:

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

El hijo se sitúa en la esquina superior izquierda del cuadro. Los píxeles de Flutter tienen el mismo tamaño en todos los teléfonos, así que un cuadro de 300 de ancho se ve más o menos igual en un teléfono pequeño y en uno grande.

Desafío

Fácil

Haz que el cuadro azul tenga 200 píxeles de ancho y 100 píxeles de alto.

Pruébalo tú mismo

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'),
          ),
        ),
      ),
    );
  }
}