Espacio entre widgets

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

Los elementos secundarios de una Column se tocan entre sí. Para agregar espacio entre dos de ellos, coloca un SizedBox vacío en la lista:

Column(
  children: [
    Text('Top'),
    SizedBox(height: 20),
    Text('Bottom'),
  ],
)

Un SizedBox no dibuja nada. Solo ocupa espacio: aquí, 20 píxeles de alto. En una Row, usa SizedBox(width: 20) en su lugar.

Desafío

Fácil

Deja 24 píxeles de espacio entre Title y Subtitle.

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: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Text('Title', style: TextStyle(fontSize: 32)),
              Text('Subtitle'),
            ],
          ),
        ),
      ),
    );
  }
}