Spaziatura interna

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

Una scatola che aderisce al testo al suo interno sembra angusta. padding: aggiunge spazio all’interno della scatola, tra il bordo e il suo elemento figlio:

Container(
  padding: EdgeInsets.all(16),
  color: Colors.yellow,
  child: Text('Room to breathe'),
)

EdgeInsets.all(16) indica 16 pixel su tutti e quattro i lati. EdgeInsets.symmetric(horizontal: 24, vertical: 8) imposta la distanza sui lati e in alto e in basso.

Un Container ha anche margin:. È lo spazio all’esterno della scatola, tra essa e gli elementi vicini. La parte colorata non si allarga.

Sfida

Facile

Lascia un po' di spazio a Fresh: aggiungi 24 pixel di spaziatura interna su ogni lato, all'interno del riquadro verde.

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.lightGreen,
            child: Text('Fresh', style: TextStyle(fontSize: 32)),
          ),
        ),
      ),
    );
  }
}