Sütun

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

Center ve Container tek bir çocuk öğe barındırır. Birden fazla widget göstermek için bir Column kullanın: children: öğelerini alt alta yerleştirir.

Column(
  children: [
    Text('Eggs'),
    Text('Milk'),
    Text('Bread'),
  ],
)

children: bir liste alır, bu nedenle widget'lar köşeli parantezlerin içine yerleştirilir ve her birinin ardından virgül gelir. Yazdığınız sırayla yukarıdan aşağıya gösterilirler.

Görev

Kolay

Uygulama yalnızca First değerini gösteriyor. Bunu, First, Second ve Third değerlerini bu sırayla, alt alta gösteren bir Column ile değiştir.

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: Text('First'),
        ),
      ),
    );
  }
}