יישור הקצוות השמאליים

חלק מהיחידה האפליקציה הראשונה שלך במסלול ה-Flutter של Coddy. שיעור 23 מתוך 32.

הכיוון האחר של Column, לרוחבה, הוא הציר הרוחבי. כברירת מחדל, כל ילד ממורכז לרוחב העמודה, ולכן שורה קצרה ושורה ארוכה אינן מתחילות באותו מקום.

crossAxisAlignment: משנה זאת:

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

ב־Column, הערך CrossAxisAlignment.start מיישר את הילדים בצד שמאל, הערך end בצד ימין, ו־center הוא ברירת המחדל.

אתגר

קל

גרום לשתי השורות להתחיל מאותו קצה שמאלי, באמצעות crossAxisAlignment: של העמודה.

נסו בעצמכם

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