Largeur et hauteur

Fait partie de la section Votre première application du Journey Flutter de Coddy. Leçon 16 sur 32.

Attribuez une width: et une height: à un Container et il cesse d’épouser son enfant. Les dimensions sont exprimées en pixels :

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

L’enfant se place dans le coin supérieur gauche de la boîte. Les pixels de Flutter ont la même taille sur tous les téléphones : une boîte de 300 pixels de large a donc à peu près le même aspect sur un petit téléphone et sur un grand.

Défi

Facile

Donne à la boîte bleue une largeur de 200 pixels et une hauteur de 100 pixels.

Essayez vous-même

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