Espaço entre widgets

Parte da seção Seu primeiro app do Journey de Flutter da Coddy. Lição 21 de 32.

Os filhos de uma Column ficam encostados uns nos outros. Para adicionar espaço entre dois deles, coloque um SizedBox vazio na lista:

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

Um SizedBox não desenha nada. Ele apenas ocupa espaço: 20 pixels de altura neste caso. Em uma Row, use SizedBox(width: 20) no lugar.

Desafio

Fácil

Coloque 24 pixels de espaço entre Title e Subtitle.

Experimente você mesmo

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