Larghezza e altezza

Fa parte della sezione La tua prima app del percorso Flutter di Coddy. Lezione 16 di 32.

Assegna una width: e una height: a un Container e smetterà di adattarsi al suo figlio. Le dimensioni sono espresse in pixel:

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

Il figlio si trova nell'angolo in alto a sinistra del riquadro. I pixel di Flutter hanno le stesse dimensioni su tutti i telefoni, quindi un riquadro largo 300 appare più o meno uguale su un telefono piccolo e su uno grande.

Sfida

Facile

Imposta la larghezza del riquadro blu a 200 pixel e l’altezza a 100 pixel.

Provalo tu

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