Breite und Höhe

Teil des Abschnitts Deine erste App der Flutter-Journey von Coddy. Lektion 16 von 32.

Gib einem Container eine width: und eine height:, und er passt sich nicht mehr an sein Kind an. Größen werden in Pixeln angegeben:

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

Das Kind sitzt in der oberen linken Ecke der Box. Flutter-Pixel sind auf jedem Handy gleich groß, daher sieht eine 300 Pixel breite Box auf einem kleinen und einem großen Handy ungefähr gleich aus.

Aufgabe

Einfach

Mach die blaue Box 200 Pixel breit und 100 Pixel hoch.

Probier es selbst

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