Filas dentro de columnas

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

Un Row puede ser uno de los hijos de un Column. Así es como una pantalla obtiene líneas con varias cosas:

Column(
  mainAxisSize: MainAxisSize.min,
  children: [
    Text('Pancakes'),
    Row(
      mainAxisSize: MainAxisSize.min,
      children: [
        Text('20 min'),
        SizedBox(width: 12),
        Text('Easy'),
      ],
    ),
  ],
)

mainAxisSize: MainAxisSize.min hace que una fila o columna tenga solo el tamaño de sus hijos, en lugar de ocupar todo el espacio que se le da. Aquí mantiene a ambos en el centro de la pantalla.

Desafío

Fácil

Convierte esto en un pequeño encabezado de perfil:

mantén Ada Lovelace en la primera línea
coloca London y 1815 uno al lado del otro debajo, en una Row

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('Ada Lovelace', style: TextStyle(fontSize: 28)),
              Text('London'),
              Text('1815'),
            ],
          ),
        ),
      ),
    );
  }
}