Wyrównaj lewe krawędzie

Część sekcji Twoja pierwsza aplikacja ścieżki Flutter w Coddy. Lekcja 23 z 32.

Drugim kierunkiem w Column, w poprzek niej, jest jej oś poprzeczna. Domyślnie każde dziecko jest wyśrodkowane w poprzek kolumny, więc krótki i długi wiersz nie zaczynają się w tym samym miejscu.

crossAxisAlignment: zmienia to:

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [...],
)

W Column CrossAxisAlignment.start wyrównuje dzieci do lewej, end do prawej, a center jest ustawieniem domyślnym.

Wyzwanie

Łatwy

Ustaw obie linie tak, aby zaczynały się przy tej samej lewej krawędzi, używając crossAxisAlignment: kolumny.

Spróbuj swoich sił

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(
            children: [
              Text('Name', style: TextStyle(fontSize: 24)),
              Text('A much longer line', style: TextStyle(fontSize: 24)),
            ],
          ),
        ),
      ),
    );
  }
}