Sütunların İçinde Satırlar

Coddy'nin Flutter Journey'sinin İlk Uygulamanız bölümünün bir parçası. Ders 24 / 32.

Bir Row, bir Column bileşeninin çocuklarından biri olabilir. Bir ekranda birden fazla öğenin bulunduğu satırlar bu şekilde oluşturulur:

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

mainAxisSize: MainAxisSize.min, bir satırın veya sütunun kendisine verilen tüm alanı kaplamak yerine yalnızca çocukları kadar büyük olmasını sağlar. Burada her ikisini de ekranın ortasında tutar.

Görev

Kolay

Bunu küçük bir profil başlığına dönüştür:

Ada Lovelace ilk satırda kalsın
London ve 1815 altına, yan yana ve bir Row içinde yerleştirilsin

Kendin dene

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